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

Question

我想更改使用 ``` 和 ` 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) -&gt; a</code> ，所以我不清楚出了什么问题。我不太了解 CSS，也不太了解 GitBook，所以看起来我可能做错了什么。

Answer 1

在你的 CSS 文件中试试这个:

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

gitbook生成的html使用了其他元素，其中包含code、p、div等元素，所以你必须“导航”到这些。