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

标签 css css-selectors markdown

我想为我的博客添加 Markdown 支持。它建立在一个 css 主题之上,该主题定义了很多样式,甚至包括 ph 等基本元素。我找到了元素 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.cssstyles.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/

相关文章:

html - 无法显示背景图片网址

css - 如何将多个选择器与相邻兄弟选择器组合?

html - 使用 nth(child, of-type,) 仅选择中间

latex - Pandoc、markdown、powerpoint : support for equations?

python - R Markdown 代码折叠不适用于 bash,Python 代码块

带有标题的 R Markdown 表

css - 将 HTML 文档与不同的字符集结合起来

JQuery - 如何获取按比例自动确定的图像的宽度或高度?

excel - 需要帮助使用 Excel VBA Selenium Basic 在 Chrome 中选择单选按钮(第二部分)

html - 将 2 列与行中的图像对齐