如何同時將相同的 CSS 屬性套用到多個類別？

同時將樣式套用於多個類別

在 CSS 中，通常需要將相同的屬性套用到多個類別。這可以透過用逗號分隔類別名稱來實現，從而有效地創建屬性應用的類別列表。

例如，考慮以下CSS 片段，它將相同的margin-left 屬性應用於兩個類別, ".abc" 和".xyz":

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

此程式碼將導致.abc 和.xyz 類別具有相同的margin-left 值20像素。

當您想要將相同的屬性套用到具有相似用途的多個類別時，此方法特別有用。透過將樣式合併到單一規則中，您可以避免程式碼重複並使 CSS 更有效率。

在提供的範例中：

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

兩者都;由於組合規則.​​abc, .xyz { margin-left: 20px; ，元素的左邊距為20像素； }.

以上是如何同時將相同的 CSS 屬性套用到多個類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！