Comment combiner des styles pour plusieurs classes en CSS ?

Combinaison de styles pour plusieurs classes

En CSS, il est souvent souhaitable d'appliquer les mêmes propriétés de style à plusieurs éléments avec des noms de classe différents. Cela élimine le besoin de code répétitif.

Considérez le code suivant, où deux classes, .abc et .xyz, ont la même propriété margin-left :

<code class="css">.abc {
  margin-left: 20px;
}

.xyz {
  margin-left: 20px;
}</code>

Pour combiner ces styles en une seule règle, utilisez une liste de noms de classes séparés par des virgules. La règle résultante appliquera les mêmes propriétés aux éléments .abc et .xyz :

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

Cette règle combinée vous permet de contrôler la propriété margin-left pour les éléments .abc et .xyz, réduisant ainsi la redondance du code et améliorer la maintenabilité.

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!