如何在不引用规则集的情况下重用 CSS 样式？

CSS 规则引用

在 CSS 中，不可能在一个规则集中引用另一个规则集。但是，还有其他方法可以实现类似的效果。

重用选择器

您可以在样式表中的多个规则集上重用选择器。例如：

.opacity, .someDiv {
  ...
}

这会将相同的样式应用于具有 opacity 和 someDiv 类的两个元素。

组合选择器

您还可以在单个规则集上使用多个选择器。用逗号分隔选择器：

.opacity, .someDiv {
  ...
}

这会将相同的样式应用于具有 opacity 或 someDiv 类的元素。

应用多个类

可以使用类将多个类应用于单个 HTML 元素属性：

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

这会将不透明度和半径规则集中定义的样式应用于此元素。

最佳实践

考虑使用描述样式用途而不是具体样式的类名：

.rounded-corners {
  ...
}

保留CSS 逻辑与 HTML 结构分离，以保持代码的可维护性。

以上是如何在不引用规则集的情况下重用 CSS 样式？的详细内容。更多信息请关注PHP中文网其他相关文章！