如何將樣式一次應用於多個類？

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

OR

a{ 
    margin-left:20px; 
}