:heading
Die :heading CSS Pseudoklasse stimmt mit allen Überschriftselementen in einem Dokument überein. Dies ermöglicht es Ihnen, alle Überschriften auf einmal zu stylen, anstatt sie einzeln abzugleichen und zu stylen.
Diese Pseudoklasse stimmt nur mit Elementen überein, die standardmäßig semantisch als Überschriften (<h1> bis <h6>) erkannt werden. Elemente mit role="heading" werden nicht erfasst; Sie können diese auswählen, indem Sie den [role="heading"] Attribut-Selektor verwenden.
Hinweis:
Die :heading Pseudoklasse hat die gleiche Spezifität wie ein Klassenselektor, nämlich 0-1-0. So hätte :heading eine Spezifität von 0-1-0, und section:heading hätte eine Spezifität von 0-1-1.
Syntax
:heading {
/* ... */
}
Beispiele
Styling aller Überschriften
Das Dokument in diesem Beispiel enthält Überschriften auf drei verschiedenen Ebenen.
<h1>Mastering CSS</h1>
<h2>Chapter 1: Selectors</h2>
<h3>1.1 Pseudo-classes</h3>
:heading {
color: tomato;
}
Die :heading Pseudoklasse wendet die color auf alle Überschriften im Dokument an:
Die :heading Pseudoklasse wendet die color auf alle Überschriften im Dokument an.
Spezifikationen
| Specification |
|---|
| Selectors Level 5 # headings |
Browser-Kompatibilität
Loading…