Rmarkdown：代码和输出的不同格式 .css

Question

我可以包含类似

的内容

<style>

code {
  font: 12px Monaco, "Courier New";
  color: #969699;
}

</style>

在 .css 文件中以在 Rmarkdown 中格式化我的代码。问题是 R 输出也继承了这种字体。有没有办法让我的代码和 R 输出不同的字体？

Answer 1

rmarkdown HTML 输出中的 R 源代码位于 <code> 标签之间，该标签位于 <pre> 和 class r 内。您想要将样式应用于不共享此属性的所有 <code> 实例。下面是一个使用 :not() 选择器的例子：

pre:not(.r) code {
  font: 12px Monaco, "Courier New";
  color: red;
}

对于 bookdown 输出格式，您希望使用 class sourceCode:

排除 <code> 的实例

code:not(.sourceCode) {
  font: 12px Monaco, "Courier New" !important;
  color: red !important;
}

注意这里需要使用!important，因为默认样式优先

Rmarkdown: Different formats for code and output with .css