Was bedeuten Leerzeichen in CSS-Selektoren und der Unterschied zwischen .classA.classB und .classA .classB?

Question

Was ist der Unterschied zwischen diesen beiden Selektoren?

.classA.classB {
  Rand: 1 Pixel fest;
}

.classA .classB {
  Rand: 1 Pixel fest;
}

Answer 1

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

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