有没有将css类组合在一起？

Question

主要由代码解释的快速问题。

这在 CSS 中是可能的还是我必须在 html 中实现所有类？

.class1{
    color:red;
}
.class2{
    text-decoration:underline;
}
.class3{

    class1;
    class2;
    border:1px solid green;
}

Answer 1

你可以使用像 LESS 或 SASS 这样的 CSS 预处理器来处理 CSS“类继承”。

否则，您的代码示例无法使用纯 CSS。但是，您可以使用逗号为多个元素添加相似的样式：

.class1, .class2 {
    /* your styles */
}

Answer 2

不可能这样做。如果一个元素需要有多个类，只需在 HTML 中指定它：

<span class="class1 class2">Test</span>

请注意，可以为具有多个类的元素定义选择器。 .class1.class2选择器将定位上面示例中的元素，而不定位未在 HTML 中指定这两个类的元素。例如，如果您希望仅在组合使用其中 1 个类时覆盖它们的属性之一，这非常有用。