:root
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La pseudo-classe CSS :root permet de cibler la racine de l'arbre représentant le document. Pour un document HTML, :root ciblera donc l'élément <html> et aura le même comportement que le sélecteur html mais sa spécificité sera plus forte.
css
/* Sélectionne l'élément racine du document */
/* Pour un document HTML, c'est <html> */
:root {
background: yellow;
}
Syntaxe
css
:root {
/* ... */
}
Exemples
:root peut être utile lorsqu'on déclare des propriétés CSS personnalisées globales :
css
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Spécifications
| Specification |
|---|
| Selectors Level 4 # root-pseudo |
Compatibilité des navigateurs
Chargement…