: 용서할 수없는 선택기입니다

CSS

선택기를 연감에 게시하는 동안 작은 에피소드가 발생했습니다. 나는 처음에 를 "용서"선택기로 설명했는데, 이는 하나 이상의 항목이 유효하지 않은 경우에도 매개 변수의 모든 것이 평가 될 것임을 의미합니다.

:has() :has() 봤어? 이것은 완전히 유효하지 않습니다. 용서 선택자 목록은 유효하지 않은 선택기를 무시하고 다음과 같이 작성된 나머지 항목을 계속 평가합니다.

2022 년 5 월 7 일 이전의 초안에서 는 실제로 관용적 인 선택기입니다. 그러나 문제를보고 한 후,

/* 示例：请勿使用！*/
article:has(h2, ul, ::-scoobydoo) { }

에 복잡한 선택기 (예 : )가 포함되어있을 때 허용 오차가 jQuery와 충돌한다고 말합니다. W3C는 몇 주 전에 솔루션을 발견하여 "잊혀지지 않는"선택기로 공식화되었습니다.

그래서 우리의 이전 예? 잘못된 선택기가 유효하지 않기 때문에 전체 선택기 목록이 유효하지 않습니다. 그러나 다른 두 공차 선택기 ::-scoobydoo 및 </previous></p>는 동일하게 유지됩니다. <pre class="brush:php;toolbar:false">article:has(h2, ul) { }

로그인 후 복사

이에 대한 해결 방법이 있습니다. 와

는 가 아니더라도 용서하고 있음을 기억하십시오. 이것은 우리가 더 관대 한 행동을 위해이 두 셀렉터 중 하나를 :has()에 둥지를 둘 수 있음을 의미합니다. :has() header h2 p의 특이성은 목록에서 가장 구체적인 항목에 의해 결정되기 때문에 사용하는 것이 중요 할 수 있습니다. 따라서 덜 구체적인 것이 필요한 경우 특이성 점수를 증가시키지 않으므로 :has()를 사용하는 것이 가장 좋습니다.

우리는 최신 정보를 반영하기 위해 일부 게시물을 업데이트했습니다. 나는 야생에서 업데이트해야 할 다른 많은 것들을 보았으므로 이것은 같은 일을 해야하는 사람에게는 작은 공공 서비스 발표입니다. :is()

위 내용은 : 용서할 수없는 선택기입니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!