:not() 부정 의사 클래스 (부정 슈도 클래스, 부정 가상 클래스)

 

 

:not()

-괄호 안의 것들을 제외하고 선택하는 가상클래스이다

-괄호 안에는 요소, 속성, 클래스, id 등이 올 수 있다

 

a:not(.box) {

}

 

위 코드를 해설하자면 'box'라는 클래스가 아닌 a요소이다. 선택했으면 {}중괄호 안에 스타일을 넣으면 된다.

 

호환성

https://caniuse.com/

크롬, 파이어폭스 최신버전에서 문제없이 구동된다. IE는 역시 기대를 저버리지 않고 모바사파리, 모바일 안드로이드에서도 안드로이드 IOS에 구동된다.