모든 자식 요소를 재귀 적으로 어떻게 선택할 수 있습니까?
div.dropdown, div.dropdown > * {
color: red;
}
이 클래스는 정의 된 className 및 모든 직계 자식에서만 클래스를 발생시킵니다. 간단한 방법으로 다음과 같이 모든 자식 노드를 선택하는 방법은 무엇입니까?
div.dropdown,
div.dropdown > *,
div.dropdown > * > *,
div.dropdown > * > * > *,
div.dropdown > * > * > * > * {
color: red;
}
답변
요소의 모든 자손과 일치 시키려면 공백 을 사용하십시오 .
div.dropdown * {
color: red;
}
x y
x 안에있는 모든 요소 y 와 일치 하지만 깊게 중첩되어 있으면 어린이, 손자 등이 될 수 있습니다.
별표 *
는 모든 요소와 일치합니다.
공식 사양 : CSS 2.1 : 챕터 5.5 : 후손 선택기
답변
규칙은 다음과 같습니다.
A B
A의 후손 인 B
A > B
A의 자녀로서 B
그래서
div.dropdown *
그리고 아닙니다
div.dropdown > *