Pseudo Classe CSS :root
La pseudo-classe :root sélectionne l'élément qui répresente la racine du document.
En HTML, l'élément racine est toujours l'élément <html>.
En SVG et XML, la pseudo-classe :root peut s'appliquer à un ancestre du plus haut niveau.
Version
Syntaxe
:root {
css declarations;
}Exemple
<!DOCTYPE html>
<html>
<head>
<style>
:root {
background-color: #8ebf42;
padding: 2em;
}
body {
background-color: #eee;
padding: 1.5em;
}
</style>
</head>
<body>
<h2>Exemple du sélecteur :root </h2>
<p>Lorem ipsum est simplement du faux texte.</p>
</body>
</html>Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| 4.0+ | 12.0+ | 3.5+ | 3.2+ | 10.0+ |
Pratiquez vos connaissances
Qu'est-ce que ':root' en CSS ?
Correcte!
Incorrecte!