:heading
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
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
Loading…
Voir aussi
- La fonction
:heading()