Comment puis-je réutiliser les styles CSS sans référencer les ensembles de règles ?

Référencement de règles CSS

En CSS, il n'est pas possible de référencer un ensemble de règles dans un autre. Cependant, il existe d'autres méthodes pour obtenir des effets similaires.

Réutilisation des sélecteurs

Vous pouvez réutiliser les sélecteurs sur plusieurs ensembles de règles au sein d'une feuille de style. Par exemple :

.opacity, .someDiv {
  ...
}

Cela applique les mêmes styles aux deux éléments avec les classes opacity et someDiv.

Combinaison de sélecteurs

Vous pouvez également utilisez plusieurs sélecteurs sur un seul ensemble de règles. Séparez les sélecteurs par des virgules :

.opacity, .someDiv {
  ...
}

Cela applique les mêmes styles aux éléments avec la classe opacity ou someDiv.

Application de plusieurs classes

Plusieurs classes peuvent être appliquées à un seul élément HTML à l'aide de l'attribut class :

<div class="opacity radius"></div>

Cela applique les styles définis dans les ensembles de règles d'opacité et de rayon de cet élément.

Bonnes pratiques

Envisagez d'utiliser des noms de classe qui décrivent l'objectif du style plutôt qu'un style spécifique :

.rounded-corners {
  ...
}

Gardez la logique CSS séparée de la structure HTML pour maintenir la maintenabilité du code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!