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(셀렉터|콤마로 구분된 목록) : CSS4

다음 둘은 동일한 표현이 된다.

.home header p,
.home footer p,
.home aside p {
  color: #F00;
}
    ↓
.home :matches(header,footer,aside) p { color: #F00; }

권남

사이드바

목차

CSS Pseudo Class

부정 클래스(:not)

아무것에나 매치

권남

사용자 도구

사이트 도구

사이드바

목차

CSS Pseudo Class

부정 클래스(:not)

아무것에나 매치

문서 도구