Изменить цвет слайда заголовка в презентации reval.js R Markdown

Question

Я пытаюсь изменить цвет титульного слайда презентации.

Мне известно, что я должен использовать пользовательский лист CSS с параметром css: styles.css, но я не смог найти никаких ссылок на то, как конкретно изменить титульный слайд.Я могу изменить цвет любых других слайдов, как объяснено здесь .

Вот минимальный пример:

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

# Change Background {data-background=#ff0000}

Answer 1

Если вы проверяете DOM презентации (структуру HTML), вы понимаете, что фоны для слайдов создаются как отдельные элементы div.Первый из них определяет фон для титульного слайда:

Поэтому попробуйте

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

Этот селектор CSS выбираетэлемент с классом .slide-background, который является первым дочерним элементом своего родителя (здесь родителем является элемент div с классом backgrounds).

(Обратите внимание, что если вы добавляете CSS в свой RMD напрямую, создается пустой слайд. Поэтому вы должны включать их через заголовок YAML.)