CSS에서 모든 하위 요소를 재귀 적으로 선택

질문 : CSS에서 모든 하위 요소를 재귀 적으로 선택

---

모든 하위 요소를 재귀 적으로 선택하려면 어떻게해야합니까?

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

이 클래스는 정의 된 className과 모든 직계 자식에 대해서만 클래스를 던집니다. 간단한 방법으로 다음과 같이 모든 childNode를 선택하는 방법은 다음과 같습니다.

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

답변

---

요소의 모든 하위 항목을 일치 시키려면 공백 을 사용하십시오.

div.dropdown * {
    color: red;
}

xy 는 x 안에있는 모든 요소 y 와 일치하지만 하위, 손자 등이 될 수 있습니다.

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

공식 사양 : CSS 2.1 : 5.5 장 : 하위 선택자

출처 : https://stackoverflow.com/questions/4910077/select-all-child-elements-recursively-in-css