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

Question

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

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

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

li <
    속성: 값;
}

분명히 JavaScript를 사용하여 이를 달성하는 것이 가능하지만 CSS 레벨 2 기본 해결 방법을 기대했습니다.

스타일을 지정하려는 메뉴는 CMS에 의해 생성되므로 활성 요소를

요소로 이동할 수 없습니다. 메뉴 생성 모듈이 필요하지만 그렇게 하고 싶지는 않습니다.)

Answer 1

:has() CSS 의사 클래스

를 사용할 수 있습니다.

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

Answer 2

현재 CSS에는 모든 브라우저에서 요소의 상위 요소를 선택할 수 있는 방법이 없습니다.

Selector Level 4 Working Draft에는 이 기능을 제공하는 :has() 의사 클래스가 포함되어 있습니다. jQuery의 구현과 유사하지만 현재 Firefox에서는 지원되지 않습니다.

으아아아

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

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