Question

我在网上发现我可以使用以下语法为多个类设置HTML样式：

.class1.class2 {
    /* style here */
}

我有一个带有css文件的大项目，语法为：

.class1 .class2 {
    /* style here */
}

（类之间有空格）

对我来说，看起来这个类名称之间的空格代码什么也没做......也许是评论的替代方案。是吗？

Answer 1

是。在CSS选择器中，与Javascript不同，例如，不会忽略空格。

.A.B将选择包含课程A和课程B的元素。

.A .B将选择.A类元素中的任何.B类元素。

示例：

<A class="A B">
    <B class="A"></B>
    <B class="B"></B>
</A>

在这种情况下：

.A.B仅返回<A class="A B">元素。

.A .B将返回<B class="B">，因为它是一个B类元素 in 一个A类元素。

来源：