Des variables dans vos CSS, pourquoi pas ?

Parmi les nouveautés du langage CSS, on peut retenir l’apparition de variables. Tout comme dans un langage de programmation, vous avez la possibilité d’appeler une variable pour définir une couleur par exemple.

Pour utiliser cette fonctionnalité, vous devez déclarer vos variables dans un  bloc appelé :root :

:root {

–couleur-fond:#000;

–couleur-texte:#fff;

}

Une fois les variables définies, vous n’aurez plus qu’à les appeler :

#entete {

  color: var(–couleur-texte);

  background-color: var(–couleur-fond);

}