Rmarkdown: различные форматы для кода и вывода с помощью .css

#css #r-markdown #knitr #bookdown

#css #r-markdown #knitr #bookdown

Вопрос:

Я могу включить что-то вроде

 <style>

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

</style>
  

в файле .css для форматирования моего кода в Rmarkdown. Проблема в том, что вывод R также наследует этот шрифт. Есть ли какой-нибудь способ придать моему коду и R-выводу разные шрифты?

Ответ №1:

Исходный код R в HTML-выводе rmarkdown помещается между <code> тегом, который находится внутри <pre> класса with r . Вы хотите применить стиль ко всем экземплярам <code> , которые не используют это свойство. Вот пример использования :not() селектора:

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

Для bookdown выходных форматов, которые вы хотите исключить, экземпляры <code> with class sourceCode :

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

Обратите внимание, что !important здесь требуется использование, поскольку стили по умолчанию имеют приоритет.