CSS에 부모 선택자가 있습니까?
P粉270842688
2023-08-21 10:49:24
<p>앵커 요소의 직접 상위 요소인 <code><li></code> 요소를 선택하려면 어떻게 해야 하나요? </p>
<p>예를 들어 내 CSS는 다음과 같습니다.</p>
<pre class="brush:php;toolbar:false;">li <
속성: 값;
}</pre>
<p>분명히 JavaScript를 사용하여 이를 달성하는 것이 가능하지만 CSS 레벨 2 기본 해결 방법을 기대했습니다. </p>
<p>스타일을 지정하려는 메뉴는 CMS에 의해 생성되므로 활성 요소를 <code><li></code> 요소로 이동할 수 없습니다. 메뉴 생성 모듈이 필요하지만 그렇게 하고 싶지는 않습니다.) </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
를 사용할 수 있습니다.:has()CSS 의사 클래스하지만 브라우저 지원이 제한되어 있습니다(현재 Firefox에서는 지원되지 않음).
현재 CSS에는 모든 브라우저에서 요소의 상위 요소를 선택할 수 있는 방법이 없습니다.
Selector Level 4 Working Draft에는 이 기능을 제공하는
으아아아:has()의사 클래스가 포함되어 있습니다. jQuery의 구현과 유사하지만 현재 Firefox에서는 지원되지 않습니다.Firefox는 현재 기본적으로 이를 지원하지 않는 유일한 주요 브라우저입니다 .
그동안 완전한 크로스 브라우저 지원을 갖춘 상위 요소를 선택해야 하는 경우 Firefox에서 JavaScript를 사용해야 합니다.