在 bookdown gitbook 中更改 R 块背景颜色

Question

我想更改 bookdown gitbook 中 R 块和 R 块输出的背景颜色。尝试关注 https://bookdown.org/yihui/rmarkdown-cookbook/chunk-styling.html section 7.3, Changing chunk background color in RMarkdown or https://github.com/yihui/knitr-examples/blob/master/116-html-class.Rmd

但没有成功。

我已经从这里编辑了最小的例子：https://github.com/rstudio/bookdown-demo style.css

.Rchunk {
  background-color: #f2dede;
  font-weight: bolder;
  color: red;
}

.Rout {
  background-color: #d9edf7;
  font-weight: bolder;
  color: blue;
}

这在 index.Rmd 附近 # Prerequisite

```{r, echo=FALSE}
knitr::opts_chunk$set(fig.align='center', out.width='60%', class.source="Rchunk", class.output="Rout", comment="", prompt=TRUE) 
```


# Prerequisites

```{r}
summary(iris$Sepal.Length)
```

如第一张图片所示，class 传递到 html 文件中，显示 font-weight: bolder; 但不显示字体和背景颜色。它实际上在那里，但被掩盖了，但另一种 css 风格

.book .book-body .page-wrapper .page-inner section.normal pre {
    overflow: auto;
    word-wrap: normal;
    margin: 0 0 1.275em;
    padding: .85em 1em;
    background: #f7f7f7;
}

有没有办法去除灰色背景调用，从而显示彩色class？

Answer 1

感谢@cderv 为我指明了正确的方向。只需要将 !important 添加到我要优先考虑的 css 样式：

.Rchunk {
  background-color: #f2dede !important;
  font-weight: bolder;
  color: red !important;
}

.Rout {
  background-color: #d9edf7 !important;
  font-weight: bolder;
  color: blue !important;
}

在 bookdown gitbook 中更改 R 块背景颜色

change R chunk background color in bookdown gitbook

css

r

gitbook

bookdown