如何在 CSS 中組合多個類別的樣式？

組合多個類別的樣式

在CSS 中，通常需要將相同的樣式屬性套用於具有不同類別名稱的多個元素。這消除了對重複程式碼的需要。

考慮以下程式碼，其中兩個類別.abc 和.xyz 具有相同的margin-left 屬性：

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

.xyz {
  margin-left: 20px;
}</code>

組合這些樣式在單一規則中，使用逗號分隔的類別名稱列表。產生的規則將對.abc 和.xyz 應用相同的屬性：

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

此組合規則允許您控制.abc 和.xyz 元素的margin-left 屬性，從而減少代碼冗餘和提高可維護性。

以上是如何在 CSS 中組合多個類別的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！