:heading
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La pseudo-classe CSS :heading correspond à tous les éléments de titre dans un document. Cela vous permet de mettre en forme tous les titres en même temps, plutôt que de les correspondre et de les mettre en forme individuellement.
Cette pseudo-classe ne correspond qu'aux éléments qui sont par défaut reconnus comme des titres (<h1> à <h6>). Les éléments avec role="heading" ne sont pas correspondus ; vous pouvez sélectionner ceux-ci en utilisant le sélecteur d'attribut [role="heading"].
Note :
La pseudo-classe :heading a la même spécificité qu'un sélecteur de classe, c'est-à-dire 0-1-0. Ainsi, :heading aurait une spécificité de 0-1-0, et section:heading aurait une spécificité de 0-1-1.
Syntaxe
:heading {
/* ... */
}
Exemples
Mise en forme de tous les titres
Le document dans cet exemple contient des titres à trois niveaux différents.
<h1>Maîtriser CSS</h1>
<h2>Chapitre 1 : Sélecteurs</h2>
<h3>1.1 Pseudo-classes</h3>
:heading {
color: tomato;
}
La pseudo-classe :heading applique la color à tous les titres du document :
La pseudo-classe :heading applique la color à tous les titres du document.
Spécifications
| Specification |
|---|
| Selectors Level 5 # headings |
Compatibilité des navigateurs
Chargement…
Voir aussi
- La fonction
:heading()