: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 passt auf alle Überschriftselemente in einem Dokument. Dadurch können Sie alle Überschriften auf einmal stylen, anstatt sie einzeln zu erfassen und zu stylen.
Diese Pseudoklasse passt nur auf Elemente, die standardmäßig semantisch als Überschriften (<h1> bis <h6>) erkannt werden. Elemente mit role="heading" werden nicht erfasst; Sie können solche mit Hilfe des [role="heading"] Attributselectors wählen.
Hinweis:
Die :heading Pseudoklasse hat die gleiche Spezifität wie ein Klassenselektor, das heißt, 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
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 |
Browser-Kompatibilität
Loading…