如何在不重复代码的情况下组合多个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中文网其他相关文章！