我想更改使用 ``` 和 ` markdown 生成的代码部分的外观。
我的book.json是
{
"styles": {
"website": "styles/website.css"
}
}
我的 styles/website.css 说了我能想到的最简单的测试:
/* CSS for website */
code {
background-color: red;
}
但是我的 GitBook 代码块没有红色背景:https://lokathor.gitbooks.io/haskell-stuff/content/general/using_st.html
打开页面看chrome的dev console,有代码标签之类的,比如<code>runST :: (forall s. ST s a) -> a</code>
,所以我不清楚出了什么问题。我不太了解 CSS,也不太了解 GitBook,所以看起来我可能做错了什么。
最佳答案
在你的 CSS 文件中试试这个:
.book .book-body .page-wrapper .page-inner section.normal code {
background-color: red;
}
gitbook生成的html使用了其他元素,其中包含code、p、div等元素,所以你必须“导航”到这些。
关于css - 如何将样式应用于 GitBook 中的代码块?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35857774/