Déclaration et utilisation de variables dans un fichier CSS

En CSS, il existe un besoin courant de réutiliser des valeurs spécifiques dans une feuille de style. Bien qu'il n'existe pas de syntaxe explicite de déclaration de variable, il existe des techniques pour obtenir cette fonctionnalité.

Une approche consiste à utiliser des sélecteurs CSS et des règles de style. En combinant des styles associés sous une seule règle, vous pouvez éviter les répétitions tout en clarifiant la portée de chaque style. Par exemple :

/* Theme color: text */
H1, P, TABLE, UL {
  color: blue;
}

/* Theme color: emphasis */
B, I, STRONG, EM {
  color: #00006F;
}

En organisant les styles de cette manière, vous évitez les répétitions et indiquez clairement quels éléments du document sont affectés.

Cependant, il est crucial de noter que même si deux propriétés peuvent partager la même valeur, leurs significations peuvent différer. Par conséquent, lorsque vous envisagez la répétition de styles, donnez la priorité à leurs significations contextuelles plutôt qu’à leurs valeurs actuelles. Cette approche garantit la flexibilité et réduit le risque d'erreurs dans les futures mises à jour de style.