问CSS选择器中的空格是什么意思？即.classA.classB和.classA .classB之间的区别是什么？

EN

.classA.classB是指同时具有A类和B类(class="classA classB")的元素；而.classA .classB是指具有class="classB"的元素，该元素是具有class="classA"的元素的后代。

编辑:供参考的规范：Attribute Selectors (参见第5.8.3节类别选择器)

这样的样式要常见得多，它的目标是嵌套在"classA“类的任何类型的元素中的"classB”类的任何类型的元素。

.classA .classB {
  border: 1px solid; }

例如，它将在以下方面发挥作用：

<div class="classA">
  <p class="classB">asdf</p>
</div>

然而，这个函数的目标是同时属于"classA“类和"classB”类的任何类型的元素。这种类型的样式不太常见，但在某些情况下仍然很有用。

.classA.classB {
  border: 1px solid; }

这将适用于此示例：

<p class="classA classB">asdf</p>

但是，它不会对以下各项产生影响：

<p class="classA">fail</p>
<p class="classB">fail</p>

(请注意，当HTML元素有多个类时，这些类之间用空格分隔。)

.classA.classB表示选择具有两个类名的元素，而.classA .classB表示只选择classA中类名为classB的元素。