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節 類別選擇器）