css - R Markdown : how to change style with internal css?

标签 css r markdown knitr

我知道如何使用自定义 css 文件更改 R markdown 样式。但是,当更改较小时,我更喜欢内部甚至内联 css,以省去管理两个文件的麻烦。我用谷歌搜索并没有找到解决方案。下面是一个使用外部 css 文件更改样式的简单示例。有没有办法使用内部或内联 css 来做到这一点?

R Markdown 文件:

---
title: "test"
output: 
    html_document:
        css: test.css
---

## Header 1 {#header1}
But how to change style with internal css?

test.css 文件:

#header1 {
color: red;
}

最佳答案

Markdown 接受原始 HTML 并将其原样传递,因此将“样式化”元素定义为 HTML:

<h2 style="color: red;">Header 1</h2>

当然,有些工具实际上不允许传递原始 HTML(出于安全原因或因为最终输出不是 HTML),因此您的情况可能会有所不同。

根据您使用的 Markdown 实现,您可以在属性列表中定义样式(如果它支持任意键):

## Header 1 {style="color: red;"}

但是,这是最不可能奏效的。

请记住,HTML <style>标签不需要在文档中 <head>上类。如果可以使用原始 HTML,则可以包含 <style>文档正文中的元素(正如@user5219763 在评论中指出的那样):

---
title: "test"
output: 
    html_document
---

<style>
    #header1 {
        color: red;
    }
</style>

## Header 1 {#header1}
But how to change style with internal css?

关于css - R Markdown : how to change style with internal css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34022558/

相关文章:

javascript - 当调用/热点指示器可见时停止 phonegap 应用程序滚动

jquery - jqGrid 内联搜索切断搜索文本框

javascript - onClick 过渡并切换 div 元素的可见性

xcode - 是否可以在不渲染 .xcplaygroundpage 中的情况下查看源代码?

r - 通过 R markdown 和 knit 加载并打印新页面中的每个表格

javascript - Angular ngAnimate,如何混合过渡?

r - 具有 Gamma 参数的渐变色标?

r - highcharter 与 blogdown casper-two 主题

r - 在 R Markdown 中编译 Latex 文档

python - 在 Markdown 中,有没有办法加粗多个标点符号(不是单词/数字)?