CSS 선택기에서 공백의 의미는 무엇이며 .classA.classB와 .classA .classB의 차이점은 무엇입니까?

Question

두 선택기의 차이점은 무엇인가요?

.classA.classB {
  테두리: 1px 솔리드;
}

.classA .classB {
  테두리: 1px 솔리드;
}

Answer 1

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

EDIT: 참조 사양: 속성 선택기(섹션 5.8.3 클래스 선택기 참조)