Como posso aplicar estilos a várias classes ao mesmo tempo?

Eu quero duas classes com nomes diferentes para ter a mesma propriedade em CSS. Não quero repetir o código.

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

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

Como as duas classes estão fazendo a mesma coisa, eu devo ser capaz de mesclar em uma. Como eu posso fazer isso?

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

é o que você está procurando.

Você pode ter várias declarações CSS para as mesmas propriedades, separando-as com vírgulas:

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

Não repita seu CSS

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

OU

 a{
    margin-left:20px;
 }

Se você usar o seguinte, seu código poderá ser mais eficaz do que você escreveu. Você deve adicionar outro recurso.

.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;
}