CSS에서 하위 요소를 기반으로 요소를 선택하려면 어떻게 해야 합니까?

CSS에서 특정 하위 요소가 있는 요소 선택

CSS에서 특정 하위 요소의 존재 여부를 기반으로 요소를 선택하는 방법은 무엇인가요? 요소?

가능?

안타깝게도 CSS2와 CSS3는 상위 선택을 지원하지 않으므로 하위 요소를 기준으로 요소를 선택할 수 없습니다.

사양 변경

논의에도 불구하고 몇 년 동안 CSS의 상위 선택자에 대한 합의가 이루어지지 않았습니다. 잠재적인 변경 사항에 대한 개요는 다음과 같습니다.

주제 선택기(사용되지 않음)

"선택기 레벨 4 작업 초안"의 이전 초안에서는 "주제" 선택기의 사용을 제안했습니다. 하지만 이 기능은 폐기되어 구현되지 않습니다.

관계형 의사 클래스: :has()

최근 "Selectors Level 4 Editor's Draft"에는 ":has()"가 관계형 의사 클래스로 포함되어 있습니다. 이 의사 클래스를 통해 작성자는 내용에 따라 요소를 선택할 수 있습니다. 예:

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

이 선택기는 범위()가 포함된 모든 단락(

) 요소에 빨간색을 적용합니다.

참고 : 본 사양 변경은 수정될 수 있으므로 해당 정보의 정확성이 다를 수 있습니다.

위 내용은 CSS에서 하위 요소를 기반으로 요소를 선택하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!