css - 在 reveal.js R Markdown 演示文稿中更改标题幻灯片颜色

标签 css r rstudio r-markdown reveal.js

我正在尝试更改 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 元素创建的。 其中第一个定义了标题幻灯片的背景:

enter image description here

因此尝试

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

此 CSS 选择器选择具有类 .slide-background 的元素,这是其父元素的第一个子元素(这里的父元素是具有类 backgrounds 的 div 元素)。

enter image description here

(请注意,如果您直接在 RMD 中添加 CSS,则会生成一张空幻灯片。因此您应该通过 YAML header 包含它们。)

关于css - 在 reveal.js R Markdown 演示文稿中更改标题幻灯片颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52820576/

相关文章:

r - 可以让 R Markdown 从文档开头以外的任何地方进行预览吗?

javascript - 将文本对齐到 div 的底部

jquery - 如何在 3 列布局中保持列内容可见(粘性)?

css - 同一行上的五个图像具有响应式背景(响应式行)

r - 如何使用 R 打开 .rdb 文件

R包cmd检查-无法识别非ascii字符

html - 如何在 R 中用 NA 替换空单元格?

r - 使用 RStudio : why reading . RProfile 编译 RMarkdown?

r - knitcitations 给出了 pandoc-citeproc 错误

html - DIV Scroll 适用于一张表但不适用于另一张表