CSS选择器中的空格的含义及.classA.classB与.classA .classB之间的区别是什么？

Question

这两个选择器之间有什么区别？

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

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

Answer 1

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

编辑：参考规范：属性选择器（请参见第5.8.3节 类选择器）