我正在尝试更改 reveal.js R Markdown 演示文稿的标题幻灯片的颜色。
我知道我应该使用带有 css: styles.css
选项的自定义 CSS 工作表,但我找不到任何关于如何具体更改幻灯片标题的引用资料。我可以将任何其他幻灯片的颜色更改为 explained here .
这是一个最小的例子:
---
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>
此 CSS 选择器选择具有类 .slide-background
的元素,这是其父元素的第一个子元素(这里的父元素是具有类 backgrounds
的 div 元素)。
(请注意,如果您直接在 RMD 中添加 CSS,则会生成一张空幻灯片。因此您应该通过 YAML header 包含它们。)
关于css - 在 reveal.js R Markdown 演示文稿中更改标题幻灯片颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52820576/