我想为我的博客添加 Markdown 支持。它建立在一个 css 主题之上,该主题定义了很多样式,甚至包括 p
、h
等基本元素。我找到了元素 github-markdown-css。它看起来很漂亮。但是,当我将这些样式添加到我的博客,然后将 markdown-body
类添加到文章的 div 时,文章的内容并不像我预期的那样。一些样式(例如 font-family
)来自博客主题。
我添加了这样的 Markdown 样式:
link(rel='stylesheet', href='/css/styles.css')
link(rel='stylesheet', href='/css/github-markdown.css')
因为 github-markdown.css
在 styles.css
下面,我预计它会有更高的优先级。是否有可能以某种方式清除具有 markdown-body
类的文章的主题样式?
最佳答案
最后,我的解决方案变成了:not
pseudo-class .在我的博客中只有文章可以有 Markdown 正文。每篇文章的正文周围都有一个 .article-entry
类。所以,我只是将其更改为 .article-entry:not(.markdown-body)
。只修改了几行 css,看起来是一个非常优雅的解决方案。
关于css - 在现有博客主题中使用 github-markdown-css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34726399/