CSS 부모 선택자가 있습니까?

Question

앵커 요소의 직접 상위 요소를 선택하는 방법은 무엇입니까? 예를 들어 내 CSS는 다음과 같아야 합니다. li&lt;a.active{property:value;} 분명히 JavaScript를 사용하여 이를 달성할 수 있는 방법이 있지만 CSSLevel2 자체에 대한 일종의 해결 방법이 있기를 바랍니다. 스타일을 지정하려는 메뉴가 CMS에 의해 스프레이되고 있으므로 활성 요소를 요소로 이동할 수 없습니다... (메뉴를 생성 모듈로 테마화하지 않는 한, 그렇게 하고 싶지 않습니다) .

P粉704066087 · Answer

:has() CSS 의사 클래스

를 사용할 수 있습니다.

하지만 브라우저 지원이 제한되어 있습니다(현재 Firefox에서는 지원되지 않음).

P粉011360903 · Answer

현재 모든 브라우저에서 작동하는 방식으로 CSS 요소의 상위 요소를 선택할 수 있는 방법은 없습니다.

선택기 레벨 4 작업 초안 에는 이 기능을 제공하는 :has() 의사 클래스가 포함되어 있습니다. jQuery 구현과 유사하지만 현재 Firefox에서는 지원되지 않습니다.

으아악

Firefox는 현재 기본적으로 이를 지원하지 않는 유일한 주요 브라우저입니다.

한편, 완전한 크로스 브라우저 지원을 갖춘 상위 요소를 선택해야 하는 경우 Firefox에서 JavaScript를 사용해야 합니다.