CSS :not() pseudo-class

정의와 사용

CSS :not() 이 pseudo-class는 지정된 요소/선택자가 아닌 모든 요소를 매칭합니다。

예제

예제 1

모든 <p> 요소가 아닌 요소에 텍스트 색상을 설정합니다：

:not(p) {
  color: red;
}

자신이 직접 시도해 보세요

예제 2

더 많은 사용 :not() 의 예제：

.special {
  border: 2px solid maroon;
}
p:not(.special) {
  color: green;
}
body :not(p) {
  text-decoration: underline;
}
body :not(div):not(.special) {
  font-weight: bold;
}

자신이 직접 시도해 보세요

CSS 문법

:not(선택자) {
  css 선언;
}

기술 세부 사항

버전： CSS3

브라우저 지원

표格에 나타난 숫자는 이伪类을 최초로 완전히 지원하는 브라우저 버전을 지정합니다。

크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 3.2 9.6