带空格的多个类定义意味着什么？ [复制]

【问题标题】：Multiple class definitons with space means something? [duplicate]带空格的多个类定义意味着什么？ [复制]
【发布时间】：2015-12-31 00:54:43
【问题描述】：

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

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

而且我有一个带有 css 文件的大项目，其语法如下：

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

（类之间有空格）

看起来，对我来说，类名之间有空格的这段代码什么都不做......也许是评论的替代品。是吗？

【问题讨论】：

标签： css

【解决方案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 类元素在一个 A 类元素中。

来源：

【讨论】：