:heading
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die :heading CSS Pseudoklasse wählt alle Überschrift-Elemente in einem Dokument aus. Dies ermöglicht Ihnen, alle Überschriften auf einmal zu stylen, anstatt sie einzeln auswählen und stylen zu müssen.
Diese Pseudoklasse wählt nur Elemente aus, die standardmäßig semantisch als Überschriften erkannt werden (<h1> bis <h6>). Elemente mit role="heading" werden nicht ausgewählt; Sie können diese mit dem Attributselektor [role="heading"] auswählen.
Hinweis:
Die :heading Pseudoklasse hat dieselbe Spezifität wie ein Klassen-Selektor, das heißt 0-1-0. Daher hätte :heading eine Spezifität von 0-1-0 und section:heading eine Spezifität von 0-1-1.
Syntax
:heading {
/* ... */
}
Beispiele
Alle Überschriften stylen
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 |