R Markdown更改CSS中部分的背景颜色

Question

我想知道是否可以使用 css 更改基于 rmarkdown 的 flexdashboard 的背景颜色。

特别是，我有一个这样的文档结构：

---
  title: "Test"
output: 
  flexdashboard::flex_dashboard:
  vertical_layout: scroll
logo: logo.jpg
self_contained: no
---
  Overview {data-orientation=rows data-icon="ion-ios-home"}
=====================================  

  Row
-------------------------------------
  ### Plot 1

  ### Plot 2

  Row
-------------------------------------

  ### Plot 3

  ### Plot 4

我想要做的是更改由行布局分隔的部分的背景颜色。

例如，一个部分是灰色的，下面一个是白色的。

这可能吗，如果可以，有什么提示我该怎么做吗？

Answer 1

当然可以。可以使用 colored 之类的类或检查页面源代码中各部分的 id（row、row-1、...）并在 CSS 样式中使用它们。

---
title: "Test"
output: 
  flexdashboard::flex_dashboard:
  vertical_layout: scroll
self_contained: no
---
  Overview {data-orientation=rows data-icon="ion-ios-home"}
=====================================  

<style>
.colored {
  background-color: #DDDDDD;
}
</style>

  Row { .colored }
-------------------------------------

  ### Plot 1

  ### Plot 2

  Row
-------------------------------------

  ### Plot 3

  ### Plot 4