본문 바로가기

퍼블리싱/CSS/CSS3

:not(셀렉터) 사용하기

매우 유용한 가상클래스. 괄호 안의 선택자에 매치되지 않는 요소를 선택하게 됨

예) div:not(.mid) 

    우선 모든 div를 선택한 후 클래스가 mid인 것을 제외한 후 해당 스타일을 적용함


여러개의 : not 가상클래스를 함께 묶을수 있다 

예) h2:not(header > h2):not(.logo)

    header안에 있는 h2와 logo라는 클래스가 지정된 h2를 제외한 페이지의 모든 h2에 해당 스타일 적용


- 출처 : HTML5&CSS3 실전에서는 이렇게 쓴다!

'퍼블리싱 > CSS/CSS3' 카테고리의 다른 글

CSS3 transform 속성으로 배경색 변경하기  (0) 2016.04.28
CSS Reset  (0) 2015.04.14
background에만 opacity적용하기  (0) 2014.11.21
웹폰트 @font-face  (0) 2014.11.14
유용한 CSS3 Generator 사이트  (0) 2014.11.11