Wie nutze ich CSS, um alle h1- bis h3-Tags gleichzeitig zu stylen?
Dies ist ein Absatz unter der Überschrift 1.
Überschrift 2
Dies ist ein Absatz unter der Überschrift 2.
Überschrift 3
Dies ist ein Absatz unter der Überschrift 3.
Erklärung zum gleichzeitigen Styling von h1 bis h3
In CSS kannst du mehrere HTML-Elemente gleichzeitig stylen, indem du sie mit Kommas trennst. In unserem Fall möchtest du die Überschriften h1, h2 und h3 identisch gestalten. Dazu listest du einfach die Selektoren `h1, h2, h3` hintereinander auf.
Der Browser wendet dann die definierten Styles in den geschweiften Klammern `{}` auf jedes dieser Elemente an. So sparst du dir, jeweils eigene Regeln für jedes Überschriften-Level zu schreiben, und erhältst ein einheitliches Erscheinungsbild.
Natürlich kannst du die Eigenschaften beliebig anpassen, zum Beispiel Farben, Schriftarten, Abstände, Rahmen oder andere CSS-Eigenschaften. Solltest du noch weitere Überschriften einschließen wollen, kannst du diese einfach ergänzen, z.B. `h1, h2, h3, h4`.
Diese Methode ist sehr gut geeignet für schnelle und übersichtliche CSS-Anpassungen an mehreren ähnlichen Elementen.