CSS 트리플 자손이 모든 classC 요소에 배경을 적용</p> <pre><code>.classA .classB .classC{ background-color: #000; } </code></pre> <p>내가 후손 선택기에 의심을했습니다

Question

선택기 ..., 아이 classA 엘리먼트의 자식 (직접 또는 간접적 인). 클래스 A 요소의 classC 요소 하위에는 배경을 적용하지만 classB 요소의 하위 요소는 적용하지 않습니다. 이게 옳은 거니?

.classA > .classB .classC{ 
    background-color: #000; 
} 

가 Thiss 모든 classC 요소의 배경을 적용 자식 (직접 또는 간접) 오프 ClassB가 소자 A 급 소자의 DIRECT (비 간접) 자식 인 모든 ClassB가 소자.

모두 괜찮습니까?

Answer 1

"아이"대신 "자손"을 제외하고는 모두 당신이 말한 것이 옳습니다. "직접적인 아이"는 동어 반복이다; 아이는 정의에 따라 즉각적인 자손입니다. 반대로 셀렉터 E > F > G에서 G는 E의 자손이지만 자식은 아닙니다. 그것의 손자입니다.

따라서 >은 단순히 자식 연결자 또는 직접 자식 연결자로 알려져 있지만 "직접 자식"연결자는 아닙니다.

도 참조 : What does the ">" (greater-than sign) CSS selector mean? (거기에 내 대답 특히 각주)