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?
.abc, .xyz { margin-left: 20px; }
est ce que vous recherchez.
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;
}
Ne répétez pas votre CSS
a.abc, a.xyz{
margin-left:20px;
}
OR
a{
margin-left:20px;
}
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;
}