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

Use github-markdown-css inside existing blog theme

我想为我的博客添加降价支持。它建立在一个 css 主题之上,该主题定义了很多样式,甚至对于 ph 等基本元素也是如此。我找到了项目 github-markdown-css,它看起来非常好.但是,当我将这些样式添加到我的博客,然后将 markdown-body class 添加到文章的 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 class 文章的主题样式?

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