Css 更改reval.js R降价演示文稿中标题幻灯片的颜色

我正在尝试更改reveal.js R Markdown演示文稿标题幻灯片的颜色

我知道我应该使用带有

CSS:styles.CSS

选项的自定义CSS表，但我找不到任何关于如何专门更改标题幻灯片的参考资料。我可以根据需要更改任何其他幻灯片的颜色

下面是一个简单的例子：

---
title: "Habits"
author: John Doe
date: March 22, 2005
output: revealjs::revealjs_presentation
---

# Change Background {data-background=#ff0000}

---

如果检查演示文稿的DOM（HTML结构），您会发现幻灯片的背景是作为单个div元素创建的。 其中第一个定义了标题幻灯片的背景：

因此，尝试

<style>
.slide-background:first-child {
  background-color: #00FF00;
}
</style>

.幻灯片背景：第一个孩子{
背景色：#00FF00；
}

此CSS选择器选择类为

.slide background

的元素，该元素是其父元素的第一个子元素（此处父元素是类为

backgrounds

的div元素）

---

（请注意，如果您直接在RMD中添加CSS，则会生成一张空幻灯片。因此，您应该通过YAML标题将其包括在内。）

请始终给出一个最小的示例，因为这会使人们更容易提供帮助：）我已对问题进行了编辑，将其包括在内，以供将来参考。这非常有帮助，Michael，非常感谢。我应该注意，对于像我这样缺乏CSS经验的人来说，

标记是不需要的，事实上，它只在我删除它时对我有效。