如何将样式应用于GitBook中的代码块？

Question

我想改变使用````和`markdown生成的代码段的外观。

我book.json是

{ 
    "styles": { 
     "website": "styles/website.css" 
    } 
} 

和我的风格/ website.css说，关于最简单的事情，我可以拿出来测试：

/* CSS for website */ 

code { 
    background-color: red; 
} 

但我GitBook代码块不要”吨有一个红色的背景：https://lokathor.gitbooks.io/haskell-stuff/content/general/using_st.html

当我打开网页，并期待在Chrome的开发者控制台中，有代码标记等，如<code>runST :: (forall s. ST s a) -&gt; a</code>，所以我不CLE关于什么是错的。我并不真正了解CSS，而且我也不太了解GitBook，所以看起来我可能会做任何错误的事情。

Answer 1

在你的CSS文件试试这个：

.book .book-body .page-wrapper .page-inner section.normal code { 
    background-color: red; 
} 

通过gitbook生成的HTML使用其他元素，其中包含的代码，P，DIV等元素，所以你必须“导航”下调至这些。

Answer 2

这里是为我工作瞄准<p>和<h1>标签：因为他们在的地方（我怀疑）无论模板

.normal .markdown-section p 
{ 
    //style 
} 

我不能做一些事情，网站的CSS，但我能够以这种方式进行文本转换。我希望能够改变PDF样式表。

事实证明，在book.json使用PDF选项是有效得多。
请参阅this link，其中详细介绍了您的图书的各种配置选项，包括PDF页面大小，字体大小和边距。

{ 
"pdf": { 
    "fontSize": 17, 
    "margin": { 
     "left": 80, 
     "right": 80, 
     "bottom": 60 
    } 
} 
}