Bagaimana saya bisa menerapkan gaya ke beberapa kelas sekaligus?

Saya ingin dua kelas dengan nama berbeda memiliki properti yang sama di CSS. Saya tidak ingin mengulangi kode itu.

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

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

Karena kedua kelas melakukan hal yang sama, saya harus dapat menggabungkannya menjadi satu. Bagaimana saya bisa melakukan itu?

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

adalah apa yang kamu cari.

Anda dapat memiliki beberapa deklarasi CSS untuk properti yang sama dengan memisahkannya dengan koma:

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

Jangan Ulangi CSS Anda

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

ATAU

 a{
    margin-left:20px;
 }

Jika Anda menggunakan sebagai berikut, kode Anda bisa lebih efektif daripada yang Anda tulis. Anda harus menambahkan fitur lain.

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

ATAU

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

ATAU

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