reveal.js 标题幻灯片覆盖

Question

我想在第一个（标题）幻灯片上设置与我的其他幻灯片略有不同的样式。 如何为“标题”幻灯片创建一个单独的部分环境：

1. 所有标题和文本居中？
2. 所有内容在中间垂直对齐？

我的默认（内容）幻灯片应该左对齐而不是垂直居中。这意味着在初始化部分Reveal.initialize({... center: false, ...})

对于我的自定义theme.css，所有标题和段落文本都与text-align: left左对齐。

我希望有一些<section data-center=true> 覆盖选项，但似乎没有。我一直在摆弄 div，但我不是伟大的 HTML/CSS 大师。

作为后续问题，如果在幻灯片上使用<h1>，是否会自动触发？这将允许我对内容使用外部 Markdown，仅此而已。

Answer 1

只需使用一个类来命名您的标题幻灯片

<section class="title-slide">
    <h1>Title</h1>
</section>

并以比其他幻灯片更高的特异性设置样式

h1 {
    text-align: left;
}

.title-slide h1 {
    text-align: center;
}

这也应该解决您的第二个问题，而无需动态触发任何内容。