Как применить стили сразу к нескольким классам?

Я хочу, чтобы два класса с разными именами имели одно и то же свойство в CSS. Я не хочу повторять код.

.abc {
   margin-left:20px;
}  
.xyz {
   margin-left:20px;
}
<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>

поскольку оба класса делают одно и то же, я должен быть в состоянии объединить его в один. Как я могу это сделать?

171
css css-selectors

3 ответов

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

это то, что вы ищете.

357

вы можете иметь несколько объявлений CSS для тех же свойств, разделяя их запятыми:

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

Не повторяйте CSS

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

или

 a{
    margin-left:20px;
 }
12