Stilleri aynı anda birden fazla sınıfa nasıl uygulayabilirim?

Farklı adlara sahip iki sınıfın CSS'de aynı özelliğe sahip olmasını istiyorum. Kodu tekrarlamak istemiyorum.

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

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

Her iki sınıf da aynı şeyi yaptığından, onu bir araya getirebilmeliyim. Bunu nasıl yapabilirim?

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

aradığınız şey bu.

Aynı özellikler için virgülle ayırarak birden fazla CSS bildiriminiz olabilir:

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

CSS'nizi Tekrar Etmeyin

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

VEYA

 a{
    margin-left:20px;
 }

Aşağıdaki gibi kullanırsanız, kodunuz yazdığınızdan daha etkili olabilir. Başka bir özellik eklemelisiniz.

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

VEYA

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

VEYA

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