在现有博客主题中使用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

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