如何在不重複程式碼的情況下組合多個CSS類別樣式？

組合多個CSS 類別樣式

要將相同的CSS 屬性套用於多個類別而不重複程式碼，請考慮合併類別選擇器聲明。這可以透過用逗號分隔類別名稱來實現，如下所示：

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

在此範例中，CSS 屬性 margin-left: 20px;適用於 .abc 和 .xyz 類別。範例中的 CSS 程式碼段可以使用以下方法重寫：

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

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

變成：

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

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