CSS セレクター内のスペースの意味と、.classA.classB と .classA .classB の違いは何ですか?

Question

これら 2 つのセレクターの違いは何ですか?

.classA.classB {
  境界線: 1 ピクセルの実線。
}

.classA .classB {
  境界線: 1 ピクセルの実線。
}

Answer 1

.classA.classB はクラス A とクラス B の両方の要素を参照します (class="classA classB"); .classA .classB はクラス A とクラス B の両方を持つ要素を参照しますclass="classA" を持つ要素の子孫要素に、その子孫要素には class="classB" があります。

編集: 参照仕様: 属性セレクター (セクション 5.8.3 クラス セレクターを参照)