带有 Rmarkdown 的revealjs - 设置字体和画线

Question

我正在使用 R 中的 revealjs 库来构建一组幻灯片。我想：

1. 自定义字体颜色
2. 用虚线边框分隔页眉和页脚

我已经通过将以下内容添加到 CSS 文件中来设置幻灯片上显示的文本颜色：

#mycustom {
  color: blue;
}

然后在 markdown 文档中，我会这样使用它：

## Slide 2 {#mycustom}

XYZ

- a
- b
- c 

这会更改除“幻灯片 2”之外的所有内容的颜色。我也想控制标题，理想情况下我希望能够在 CSS 中设置这些颜色一次。

至于我的第二个问题，我在 CSS 文件中添加了以下内容：

.reveal .header {
  padding: 1px; 
  border: 1px dashed orange;
}

然后我修改了可以在<R_DIR/library/revealjs/rmarkdown/templates/revealjs_presentation/resources/default.html> 下找到的revealjs 模板，并在<div class="slides"> 下添加了<div class="header"></div>，但结果看起来令人失望：我得到了一条小的双虚线，如附图所示。

如果您对如何改进有任何建议，请告诉我。

非常感谢！

Answer 1

至于你的第一个问题，为什么不直接使用

<style>
#myCustom > h1, #myCustom > h2 {
 color: #FF0000;
}

/* or if you want to change all h1: */
h1 {
  color: #00FF00 !important;
}
</style>