reveal.js title slide override

Question

Ich möchte meine reveal.js allererste (Titel) Folie etwas anders als meine anderen Folien stylen. Wie könnte ich eine separate Abschnitt Umgebung für "Titel" Folien mit erstellen:

Alle Überschriften und Text zentriert?

Alle Inhalte vertikal in der Mitte ausgerichtet?

Meine Standardfolien (Inhalt) sollten linksbündig und nicht vertikal zentriert sein. Das bedeutet, dass Reveal.initialize({... center: false, ...})

Und für meine Gewohnheit theme.css, alle Überschriften und Absatztext im Init-Teil sind linksbündig mit text-align: left.

Ich hatte gehofft, es würde einige <section data-center=true> Override-Option geben, aber es scheint nicht zu sein. Ich habe mit divs herumgespielt, aber ich bin kein großartiger HTML/CSS-Guru.

Als eine Follow-up-Frage, könnte dies automatisch ausgelöst werden, wenn <h1> auf einer Folie verwendet wird? Das würde mir erlauben, externe Markdown für den Inhalt und nichts anderes zu verwenden.

Answer 1

Verwenden Sie einfach eine Klasse Ihren Titel Folie Namespace

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

und Stil mit einer höheren Spezifität als die anderen Folien

h1 { 
    text-align: left; 
} 

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

Dies sollte Ihre zweite Frage auch ansprechen, ohne Trigger mit alles dynamisch.