CSS 참조 설명서

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수(Function)CSS 선택자 전체 가이드

CSS3 :not 선택자

CSS 대체 선택자 :not()는 특정 선택자와 일치하지 않는 요소를 매칭하는 데 사용됩니다. 그 작용이 특정 요소를 선택하지 않도록 방지하기 때문에, 반선택자 대체 선택자라고도 합니다.-class）。

전체 CSS 선택자 참조 가이드

주의:

:not() 대체 선택자는 중첩될 수 없습니다. 이는 다음과 같은 의미를 가집니다: :not(:not(...)) 잘못된 것입니다。
由于伪元素不是简单的选择器，他们不能被当作 :not() 中的参数，形如 :not(p::before) 这样的选择器将不会工作。
可以利用这个伪类写一个完全没有用处的选择器。例如， :not(*) 匹配任何非元素的元素，因此，这个规则将永远不会被应用。
可以利用这个伪类提高规则的优先级。例如， #foo:not(#bar) 和 #foo 会匹配相同的元素，但是前者的优先级更高。
:not(.foo) 将匹配任何非 .foo 的元素，包括 <html> 和 <body>。
이 선택자는 하나의 요소에만 적용되며, 모든 부모 요소를 제외할 수 없습니다. 예를 들어, body :not(table) a 이전에도 테이블 요소에 적용됩니다 <table> 내부의 <a> , 왜냐하면 <tr>될 것입니다 :not(table) 이 선택자는 일치합니다.

온라인 예제

모든 <p> 요소가 아닌 요소에 배경색을 설정합니다：

예제

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 가이드(oldtoolbag.com)</title>
<style>
p　{
　　　　color:　#000000;
}
:not(p)　{
　　　　color:　#ff0000;
}
</style>
</head>
<body>
<h1>이는 제목입니다</h1>
<p>이는 또 다른 문단.</p>
<p>이는 또 다른 문단.</p>
<div>이는 div 요소의 일부 텍스트입니다.</div>
<a　href="//ko.oldtoolbag.com/"　target="_blank">기본 가이드로 이동</a>
</body>
</html>

테스트해 보세요 ‹/›

정의와 사용법

:not() 패턴은 콤마로 구분된 하나 이상의 선택자 목록을 매개변수로 사용할 수 있습니다. 선택자는 다른 否정 선택자나 패턴을 포함할 수 없습니다.

브라우저 호환성

표에서의 숫자는 해당 선택자를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.

선택자
:not()	4.0	9.0	3.5	3.2	9.6

전체 CSS 선택자 참조 가이드

CSS 함수(Function)CSS 선택자 전체 가이드