CSS Variables

Les variables en CSS

• Déclarer la pseudo-classe root dans le css

:root { 
}

• Déclarer une variable sous la forme –ma-variable

:root { 
  --ma-variable: 16px;
}

• Utiliser la variable:

.ma-classe {
  font-size: var(--ma-variable);
}

On peut cumuler les pseudo-classes root dans différents fichiers (ex: dans des fichiers colors.css, font-size.css …) et localement dans n’importe quel fichier CSS.
Il est également possible de redéfinir localement une variable.