:not(셀렉터) 사용하기

2015. 2. 23. 17:27에 씀

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

예) 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
:not(셀렉터) 사용하기  (0) 2015.02.23
background에만 opacity적용하기  (0) 2014.11.21
웹폰트 @font-face  (0) 2014.11.14
유용한 CSS3 Generator 사이트  (0) 2014.11.11
글쓰고 저장
« PREV : 1 : ··· : 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : 13 : 14 : NEXT »