无论如何将css类分组在一起？

Question

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

这在CSS中是否可行，或者我是否必须在html中实现所有类？

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

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

Answer 1

您可以使用CSS预处理器（如LESS或SASS）进行CSS“类继承”。

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

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

Answer 2

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

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

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