jQuery의 `:not()` 선택기가 CSS의 `:not()`처럼 동작하지 않는 이유는 무엇입니까?

jQuery의 :not() 선택기가 CSS에서 작동하지 않는 이유는 무엇입니까?

jQuery의 :not() 선택기는 CSS3 호환이라고 주장하지만 기능 면에서 상당한 차이를 보입니다. CSS3에 정의된 :not() 의사 클래스와 비교합니다.

차이점 구문 및 기능:

• 여러 선택기 전달: jQuery를 사용하면 쉼표로 구분된 선택기 목록을 :not()에 전달할 수 있지만 CSS3 :not()만 전달할 수 있습니다. 단일 단순 선택기를 허용합니다.
• 간단한 선택기 결합: jQuery는 다음을 허용합니다. :not()과 함께 사용하기 위해 여러 개의 단순 선택기를 복합 선택기로 결합하지만 CSS3는 그렇지 않습니다.
• 결합기 사용: jQuery는 :not() 선택기에서 결합기 사용을 지원하지만 CSS3는 하다 not.

결과:

CSS에서 직접 jQuery :not() 선택기를 사용하려고 하면 다음으로 인해 의도한 대로 작동하지 않을 수 있습니다. 구문 및 기능 차이. 질문에 제공된 예는 이 문제를 보여줍니다.

CSS3 해결 방법:

이러한 제한을 우회하기 위해 CSS3는 다음 해결 방법을 제공합니다.

• 다중 :not() 선택기: 여러 :not() 선택기를 함께 연결하여 여러 단순 선택자를 부정합니다.
• 복합 선택자 분할: 복합 선택자를 여러 부정으로 나눕니다.
• 대체 방법: 대체 CSS 기반 방법을 사용합니다. 의사 클래스를 결합하는 것과 같은

참고:

CSS3은 결국 Selectors 4에 정의된 향상된 :not() 선택기를 지원하게 되어 더 광범위한 기능을 허용합니다. 그러나 이는 여전히 미래의 표준이며 널리 구현되지는 않습니다.

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