如何將樣式應用於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 
    } 
} 
}