什么HTML'###'在flexdashboard / rmarkdown中添加？

Question

我有一个flexdashboard，其中不同的部分由标题###分隔，例如：

page 1
===================================== 

Column
-----------------------------------------------------------------------

### section 1

bla bla bla        

### Section 2

```{r}
# r data 
```
> Source: me!

我更改了CSS以包含我公司的颜色，但我想添加两种不同的颜色。例如：第1部分为红色，第2部分为蓝色。 所以我创建了一个新类并覆盖了原始的.chart-title标记。

这仅适用于第二个排序。我做了一些使用Chrome的检查，并试图像这种格式的纯HTML一样添加它：

<div class="chart-title-2">Section 2</div>
<div class="chart-stage">
<p>BLA BLA BLA</p>
</div>

这出现在第一部分内。我尝试在新部分之前添加结束</div>，这会将部分和列的顺序搞定。

我想知道在HTML中添加'###'标题的具体内容是什么，以便我可以复制它以坚持使用不同的CSS。或者有更简单的方法吗？

Answer 1

三个短划线（###）呈现为HTML中的<h3>标记。通过使用“纯”Markdown，您将无法向其添加任何类/ ID，因此我建议通过显式访问元素本身来直接格式化h3标记，例如：

CSS

h3 {
  color: Teal;
}

h3:first-of-type {
  color: Tomato;
}

我希望它有所帮助！