: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 entspricht allen Überschriftselementen in einem Dokument. Damit können Sie alle Überschriften auf einmal formatieren, anstatt sie einzeln zuzuordnen und zu stylen.
Diese Pseudoklasse stimmt nur mit Elementen überein, die standardmäßig semantisch als Überschriften erkannt werden (<h1> bis <h6>). Elemente mit role="heading" werden nicht erfasst; Sie können diese mit dem [role="heading"] Attributselektor auswählen.
Hinweis:
Die :heading Pseudoklasse hat die gleiche Spezifität wie ein Klassenselektor, das heißt 0-1-0. Somit würde :heading eine Spezifität von 0-1-0 haben, 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…