如何在不引用規則集的情況下重複使用 CSS 樣式？

CSS 規則引用

在 CSS 中，不可能在一個規則集中引用另一個規則集。但是，還有其他方法可以實現類似的效果。

重複使用選擇器

您可以在樣式表中的多個規則集上重複使用選取器。例如：

.opacity, .someDiv {
  ...
}

這會將相同的樣式套用於具有 opacity 和 someDiv 類別的兩個元素。

組合選擇器

您也可以在單一規則集上使用多個選擇器。用逗號分隔選擇器：

.opacity, .someDiv {
  ...
}

這會將相同的樣式套用於具有 opacity 或 someDiv 類別的元素。

應用多個類別

可以使用類別將多個類別應用於單一HTML 元素屬性：

<div class="opacity radius"></div>

這會將不透明度和半徑規則集中定義的樣式套用於此元素。

最佳實踐

考慮使用描述樣式用途而不是具體樣式的類名：

.rounded-corners {
  ...
}

保留CSS 邏輯與HTML 結構分離邏輯，以保持程式碼的可維護性。

以上是如何在不引用規則集的情況下重複使用 CSS 樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！