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

Question

我可以包含类似的东西

<style>

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

</style>

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

Answer 1

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

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

对于bookdown 输出格式，您希望排除<code> 的实例与sourceCode 类：

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

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