Comment puis-je appliquer des styles à plusieurs classes à la fois ?

Question

Je veux que deux classes portant des noms différents aient la même propriété en CSS. Je ne veux pas répéter le code.

.abc {
   margin-left:20px;
}  
.xyz {
   margin-left:20px;
}

<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>

Puisque les deux classes font la même chose, je devrais pouvoir les fusionner en une seule. Comment puis-je le faire ?

Answer 1

.abc, .xyz { margin-left: 20px; }

est ce que vous recherchez.

Answer 2

Vous pouvez avoir plusieurs déclarations CSS pour les mêmes propriétés en les séparant par des virgules :

.abc, .xyz {
   margin-left: 20px;
}

Answer 3

Ne répétez pas votre CSS

 a.abc, a.xyz{
    margin-left:20px;
 }

OU

 a{
    margin-left:20px;
 }

Answer 4

Si vous utilisez ce qui suit, votre code peut être plus efficace que ce que vous avez écrit. Vous devriez ajouter une autre fonctionnalité.

.abc, .xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

OU

a.abc, a.xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

OU

a {
margin-left:20px;
width: 100px;
height: 100px;
}

Answer 5

Il suffit de séparer le nom de la classe par une virgule.

.a,.b{
your styles
}