Pseudo-classe :root CSS

Définition et utilisation

CSS :root Les pseudo-classes sont utilisées pour correspondre à l'élément racine du document.

Dans HTML, l'élément racine est toujours <html> élément.

Exemple

Définir la couleur de fond et la marge interne de l'élément racine du document :

:root {
  background-color: red;
  padding: 30px;
}

Essayez-le vous-même

Grammaire CSS

:root {
  déclarations css;
}

Détails techniques

Version : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge ce pseudo-classe.

Chrome Edge Firefox Safari Opera
1 12 1 1 9.6