사용자 도구

사이트 도구


html:css:pseudoclass

문서의 이전 판입니다!


CSS Pseudo Class

부정 클래스(:not)

  • :not() : IE 9+, 거의 모든 최신 브라우저가 지원.
  • 다음 둘은 동일한 표현이 된다.
    li { color: #00F; }
    li:nth-child(odd) { color: #F00; }
    li:last-child { color: #00F; }
        ↓
    li { color: #00F; }
    li:nth-child(odd):not(:last-child) { color: #F00; }

아무것에나 매치

  • :matches(셀렉터|콤마로 구분된 목록)
  • 다음 둘은 동일한 표현이 된다.
    .home header p,
    .home footer p,
    .home aside p {
      color: #F00;
    }.home :matches(header,footer,aside) p { color: #F00; }
html/css/pseudoclass.1345394279.txt.gz · 마지막으로 수정됨: 2012/08/20 01:37 저자 kwon37xi