CSS가 하위 요소를 기반으로 상위 요소를 선택할 수 있습니까?

CSS는 하위 요소를 기반으로 요소를 식별할 수 있나요?

이 질문에서는 CSS 선택기를 사용하여 다음 요소를 식별할 수 있는 가능성을 살펴봅니다. 특정 하위 요소를 포함합니다. 예를 들어, 우리는 모든

을 포함하는 요소

답변:

안타깝게도 CSS2 및 CSS3 사양에는 하위 콘텐츠를 기반으로 상위 요소를 선택하는 기능이 부족합니다. 상위 선택자는 현재 지원되지 않습니다.

사양 업데이트에 대한 참고 사항:

이 정보는 CSS 사양의 지속적인 논의 및 변경으로 인해 오래된 정보가 될 수 있습니다. 이 답변을 정확하게 유지하기 위해 최선을 다할 것이지만 부정확한 내용이 발생할 수 있습니다.

CSS 초안에서 상위 선택자 탐색:

초기 "선택자 레벨 4 작업 초안" 작성자가 스타일을 받는 요소를 지정할 수 있도록 하는 "선택자 주제" 개념을 도입했습니다. 그러나 이 기능은 향후 사양에서 제거되어 사용할 수 없게 됩니다.

"Selectors Level 4 Editor's Draft"의 :has() 의사 클래스:

최근 "Selectors Level 4 Editor's Draft"에는 :has() 관계형 의사 클래스가 포함되어 있습니다. 이 구조를 사용하면 콘텐츠에 따라 요소를 선택할 수 있습니다. :has()를 사용하면 위의 예는 다음과 같습니다.

p:has(span) {
    color: red;
}

이 선택기는 모든

을 포함하는 요소 아이.

위 내용은 CSS가 하위 요소를 기반으로 상위 요소를 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!