Peut-on utiliser des variables dans CSS ?

Bonjour à vous tous,

Je me demande s'il est possible d'utiliser des variables dans la feuille de styles CSS de sorte, par exemple, que telle variable toto = color: #ead3b4; (une couleur de caractère) et ensuite non pas d'utiliser la valeur hexadécimale dans les déclarations CSS mais d'utiliser son nom de variable. Ainsi, si plus tard on désire changer la valeur hexadécimale, on la change dans les déclarations de variables et toutes les occurrences contenance cette valeur changeront automatiquement. Est-ce possible ?

Que le code soit avec vous !
Modifié par ObiJuanKenobi (04 Sep 2022 - 07:23)

Es-tu bien allé voir la documentation ? : Les variables CSS.
Et donc par exemple :

::root {
  --main-bg-color: brown;
}

main {
  background-color: var(--main-bg-color);
}

Modifié par Olivier C (04 Sep 2022 - 14:43)