:heading
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 trifft auf alle Überschriftselemente in einem Dokument zu. Dies ermöglicht es Ihnen, alle Überschriften gleichzeitig zu stylen, anstatt sie einzeln abzugleichen und zu stylen.
Diese Pseudoklasse trifft nur auf Elemente zu, 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, 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
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…