CSS 선택에서 요소를 제외하는 방법: CSS에 \'not\' 선택기가 있습니까?

CSS Not Selector

질문:

에서 특정 요소를 제외하는 방법이 있습니까? CSS 선택? 예를 들어 "classname" 클래스가 있는 요소 외부의 모든 입력 필드를 어떻게 선택할 수 있습니까?

답변:

안타깝게도 현재 기본 제공되는 " CSS의 not" 선택기.

대안:

• CSS 해결 방법: 중첩된 선택기를 사용하여 선택 항목을 세분화할 수 있습니다. 예를 들어 ".classname 입력"을 선택하는 대신 "input:not(.classname 입력)"을 대상으로 지정하여 "classname" 클래스가 있는 요소 내의 입력을 제외할 수 있습니다.
• jQuery/JavaScript : 스크립팅을 사용하려는 경우 보다 동적인 접근 방식을 취할 수 있습니다. 제공된 jQuery 코드 $j(':not(.classname)>input').css({배경:'red'})는 "classname" 클래스가 있는 요소의 입력을 제외하고 나머지 요소에 빨간색 배경을 적용합니다. 입력.

지원 상태:

Chrome 및 Firefox와 같은 최신 브라우저는 이제 ":not()" 선택기를 지원합니다. 즉, CSS에서 ":not(.classname) input" 구문을 사용하여 요소를 직접 제외할 수 있습니다. 그러나 일부 브라우저에서는 ":not()" 지원이 여전히 제한되어 있습니다.

위 내용은 CSS 선택에서 요소를 제외하는 방법: CSS에 \'not\' 선택기가 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!