Как применить стили к нескольким классам одновременно?

Question

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

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

Не повторяйте Ваш CSS

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

ИЛИ

a{ 
    margin-left:20px; 
}