在Markdown文件中使用CSS会删除其他样式

时间:2017-05-10 09:45:50

标签: css markdown

我想在Markdown(.md)文件中添加自定义CSS。我看过这里:http://www.mkdocs.org/并找到了extra_css,但我希望将CSS放在同一个文件中。

我尝试在页面顶部添加样式标记,如下所示:

<style> body { background:red } </style>

但它似乎删除了页面上的所有其他样式。

问题是,如何将我自己的CSS添加到我的降价文件?

1 个答案:

答案 0 :(得分:1)

理想情况下,markdown文件的目的是纯文本格式语法。添加自定义样式实际上与格式相反,因此有很好的理由可以为.md文件单独保留样式。话虽如此,一切都有变通方法。如果您仍然感兴趣,请继续阅读。

我不会亲自推荐它,但如果您需要添加自定义样式,那么您可以尝试以下方法:

  • 提高样式的特异性,以便更轻松地覆盖。

  • 您可以使用Marked,这是md文件的预览版,可让您添加自定义样式。

  • 使用内联样式,内联样式的优先级高于内部样式(您提到的样式)

例如:<body style="background: red;">...</body>

  • 使用R Markdown,您可以使用css选项将自己的CSS添加到HTML文档中:

参考:http://rmarkdown.rstudio.com/html_document_format.html#custom_css

---
title: "Habits"
output:
  html_document:
    css: styles.css
---

希望这有帮助