css - Rmarkdown : Different formats for code and output with . 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此处是必需的，因为默认样式具有优先权。