reveal.js标题幻灯片覆盖

Question

我想我的reveal.js非常优先（标题）幻灯片与我的其他幻灯片略有不同。 我怎么能创造“称号”幻灯片用一个单独的章节环境：

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

我的默认（内容）幻灯片应该左对齐，而不是垂直居中。这意味着，在init部分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; 
} 

这应该解决您的第二个问题，以及无需触发动态的。