jQuery의 `:not()` 선택기가 CSS의 `:not()` 선택기와 다른 이유는 무엇입니까?

왜 jQuery :not() 선택기가 CSS에서 작동하지 않나요?

소개

CSS3 준수에 대한 jQuery의 주장에도 불구하고 :not() 선택기는 jQuery에서 만든 확장으로 인해 jQuery와 CSS에서 다르게 동작합니다.

키 차이점

1. 쉼표로 구분된 목록: jQuery는 :not()에서 복잡한 선택기 목록을 허용하는 반면, 표준 :not()에서는 단일 단순 선택기만 허용합니다.
2. 복합 선택기: jQuery는 :not() 내에서 복합 선택기를 허용하지만 CSS에서는 여러 항목을 연결해야 합니다. :not() 절.
3. 결합자: jQuery는 CSS에서 금지된 :not()에서 하위 결합자를 사용할 수 있습니다.

CSS 해결 방법

CSS에서 원하는 동작을 달성하려면 여러 개의 :not() 절을 연결하여 사용하세요. 함께:

#sectors > div:not(.alpha):not(.beta):not(.gamma)

결론

CSS :not() 선택기의 제한된 기능으로 인해 jQuery에서 CSS로 마이그레이션할 때 불일치와 불편이 발생합니다. 그러나 CSS의 발전으로 인해 향후 버전은 jQuery의 확장된 :not() 동작과 더욱 긴밀하게 맞춰질 것으로 예상됩니다.

위 내용은 jQuery의 `:not()` 선택기가 CSS의 `:not()` 선택기와 다른 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!