在现有博客主题中使用 github-markdown-css

Question

我想为我的博客添加降价支持。它建立在定义了许多样式的 CSS 主题之上，即使对于 p、h 等基本元素也是如此。我找到了项目 github-markdown-css，它看起来非常漂亮。但是，当我将这些样式添加到我的博客中，然后将markdown-body 类添加到文章的 div 中时，文章的内容看起来并不像我预期的那样。一些样式（例如font-family）来自博客主题。

我添加了这样的降价样式：

link(rel='stylesheet', href='/css/styles.css')
link(rel='stylesheet', href='/css/github-markdown.css')

由于github-markdown.css 低于styles.css，我预计它的优先级会更高。是否有可能以某种方式清除具有markdown-body 类的文章的主题样式？

Answer 1

最后，我的解决方案变成了:notpseudo-class。在我的博客中，只有文章可以有降价正文。每篇文章的正文都有一个.article-entry 类。所以，我只是把它改成了.article-entry:not(.markdown-body)。只修改了几行 css，看起来是一个非常优雅的解决方案。