Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Pseudo-classe CSS :root
Baseline
Large disponibilité
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.
/* Sélectionne l'élément racine du document */
/* Pour un document HTML, c'est <html> */
:root {
background: yellow;
}
Syntaxe
:root {
/* ... */
}
Exemples
:root peut être utile lorsqu'on déclare des propriétés CSS personnalisées globales :
:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}
Spécifications
| Spécification |
|---|
| Selectors Level 4 # root-pseudo |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- L'élément HTML
<html> - La propriété DOM
Document.rootElement - La méthode DOM
Node.getRootNode() - La propriété DOM
Element.shadowRoot - L'interface
ShadowRoot
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.