[css] CSS에서 재귀 적으로 모든 자식 요소를 선택하십시오

모든 자식 요소를 재귀 적으로 어떻게 선택할 수 있습니까?

div.dropdown, div.dropdown > * {
    color: red;
}

이 클래스는 정의 된 className 및 모든 직계 자식에서만 클래스를 발생시킵니다. 간단한 방법으로 다음과 같이 모든 자식 노드를 선택하는 방법은 무엇입니까?

div.dropdown,
div.dropdown > *,
div.dropdown > * > *,
div.dropdown > * > * > *,
div.dropdown > * > * > * > * {
    color: red;
}



답변

요소의 모든 자손과 일치 시키려면 공백 을 사용하십시오 .

div.dropdown * {
    color: red;
}

x yx 안에있는 모든 요소 y 와 일치 하지만 깊게 중첩되어 있으면 어린이, 손자 등이 될 수 있습니다.

별표 *는 모든 요소와 일치합니다.

공식 사양 : CSS 2.1 : 챕터 5.5 : 후손 선택기


답변

규칙은 다음과 같습니다.

A B 

A의 후손 인 B

A > B 

A의 자녀로서 B

그래서

div.dropdown *

그리고 아닙니다

div.dropdown > *


답변