在现有博客主题中使用 github-markdown-css
Use github-markdown-css inside existing blog theme
我想为我的博客添加降价支持。它建立在一个 css 主题之上,该主题定义了很多样式,甚至对于 p
、h
等基本元素也是如此。我找到了项目 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,看起来是一个非常优雅的解决方案。
我想为我的博客添加降价支持。它建立在一个 css 主题之上,该主题定义了很多样式,甚至对于 p
、h
等基本元素也是如此。我找到了项目 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,看起来是一个非常优雅的解决方案。