html:css:pseudoclass

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:css:pseudoclass [2012/08/20 01:32]
kwon37xi 새로 만듦
+++ html:css:pseudoclass [2012/08/20 01:38] (현재)
kwon37xi
@@ 줄 2: / 줄 2: @@
 ===== 부정 클래스(:not) =====
-  * '':not()''
+  * '':not()'' : IE 9+, 거의 모든 최신 브라우저가 지원.
-  * 이것을 <code css>
+  * 다음 둘은 동일한 표현이 된다. <code css>
 li { color: #00F; }
 li:nth-child(odd) { color: #F00; }
 li:last-child { color: #00F; }
-</code>
+    ↓
-  * 이렇게 바꿀 수 있다.<code css>
 li { color: #00F; }
 li:nth-child(odd):not(:last-child) { color: #F00; }
+</code>
+===== 아무것에나 매치 =====
+  * '':matches(셀렉터|콤마로 구분된 목록)'' : CSS4
+  * 다음 둘은 동일한 표현이 된다. <code css>
+.home header p,
+.home footer p,
+.home aside p {
+  color: #F00;
+}
+    ↓
+.home :matches(header,footer,aside) p { color: #F00; }
 </code>

html/css/pseudoclass.1345393970.txt.gz · 마지막으로 수정됨: 2012/08/20 01:32 저자 kwon37xi