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

Question

앵커 요소의 직접 상위 요소인

요소를 선택하려면 어떻게 해야 하나요?

예를 들어 내 CSS는 다음과 같습니다.

li <
    자산 가치;
}

JavaScript를 사용하여 이를 수행할 수 있는 방법이 분명히 있지만 CSS 레벨 2 자체에 대한 일종의 해결 방법이 있기를 바랍니다.

스타일을 지정하려는 메뉴가 CMS에서 튀어나와서 활성 요소를

< ;li> 요소.. (메뉴에 테마를 지정하고 모듈을 생성하지 않는 한)

Answer 1

:has() CSS 의사 클래스

를 사용할 수 있습니다.

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

Answer 2

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

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

으아악

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

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