web-dev-qa-db-fra.com

Comment appliquer des styles à plusieurs classes à la fois?

Je veux que deux classes avec 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 le fusionner en un. Comment puis je faire ça?

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

est ce que vous recherchez.

440
Juraj Blahunka

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;
}
56
zombat

Ne répétez pas votre CSS

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

OR

 a{
    margin-left:20px;
 }
15
Nitekurs

Si vous utilisez comme 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;
} 

OR

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

OR

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