브라우저별 CSS 선택자(selector) 지원 여부.
예전 자료라 최신 버전은 없지만 어차피 최신 버전은 거의다 지원을 하니 지원이 안되는 브라우저를
찾아 보는 것에 중점을 두자.
진짜 익스플로러는 진짜 나쁜놈이다.
| Pattern | Meaning | S5 | C8 | F3.6 | O11 | I9b | I8 | I7 | I6 |
|---|---|---|---|---|---|---|---|---|---|
| #id | id로 지정된 요소 선택 | O | O | O | O | O | O | O | O |
| .class | class로 지정된 요소 선택 | O | O | O | O | O | O | O | O |
| E | E 요소를 선택 | O | O | O | O | O | O | O | O |
| E:link | 방문하지 않은 E를 선택 | O | O | O | O | O | O | O | O |
| E:visited | 방문한 E를 선택 | O | O | O | O | O | O | O | O |
| E:hover | 마우스가 올라가 있는 동안 E를 선택 | O | O | O | O | O | O | O | O |
| E:active | 마우스 클릭 또는 키보드(enter)가 눌린 동안 E를 선택 | O | O | O | O | O | O | O | X |
| E:focus | focus가 머물러 있는 동안 E를 선택 | O | O | O | O | O | O | X | X |
| E:first-line | E 요소의 첫 번째 라인 선택 | O | O | O | O | O | O | O | X |
| E:first-letter | E 요소의 첫 번째 문자 선택 | O | O | O | O | O | O | O | X |
| * | 모든 요소 선택 | O | O | O | O | O | O | O | O |
| E[foo] | ‘foo’ 속성이 포함된 E를 선택 | O | O | O | O | O | O | O | X |
| E[foo="bar"] | ‘foo’ 속성의 값이 ’bar’와 일치하는 E를 선택 | O | O | O | O | O | O | O | X |
| E[foo~="bar"] | ‘foo’ 속성의 값에 ’bar’가 포함되는 E를 선택 | O | O | O | O | O | O | O | X |
| E[foo|="en"] | ‘foo’ 속성의 값이 ’en’ 또는 ’en-’ 으로 시작되는 E를 선택 | O | O | O | O | O | O | O | X |
| E:first-child | 첫 번째 자식 요소가 E라면 선택 | O | O | O | O | O | O | O | X |
| E:lang(fr) | HTML lang 속성의 값이 ’fr’로 지정된 E를 선택 | O | O | O | O | O | O | X | X |
| E::before | E 요소 전에 생성된 요소 선택 | O | O | O | O | O | O | X | X |
| E::after | E 요소 후에 생성된 요소 선택 | O | O | O | O | O | O | X | X |
| E>F | E 요소의 자식인 F 요소 선택 | O | O | O | O | O | O | O | X |
| E+F | E 요소를 뒤의 F 요소 선택 | O | O | O | O | O | O | O | X |
| E[foo^="bar"] | ‘foo’ 속성의 값이 ’bar’로 정확하게 시작하는 요소 선택 | O | O | O | O | O | O | O | X |
| E[foo$="bar"] | ‘foo’ 속성의 값이 ’bar’로 정확하게 끝나는 요소 선택 | O | O | O | O | O | O | O | X |
| E[foo*="bar"] | ‘foo’ 속성의 값에 ’bar’를 포함하는 요소 선택 | O | O | O | O | O | O | O | X |
| E:root | 문서의 최상위 루트 요소 선택 | O | O | O | O | O | X | X | X |
| E:nth-child(n) | 그 부모의 n번째 자식이 앞으로부터 지정된 순서와 일치하는 E 라면 선택 | O | O | O | O | O | X | X | X |
| E:nth-last-child(n) | n번째 자식이 뒤로부터 지정된 순서와 일치하는 요소가 E 라면 선택 | O | O | O | O | O | X | X | X |
| E:nth-of-type(n) | E 요소 중 앞으로부터 순서가 일치하는 n번째 E 요소 선택 | O | O | O | O | O | X | X | X |
| E:nth-last-of-type(n) | E 요소 중 끝으로부터 순서가 일치하는 n번째 E 요소 선택 | O | O | O | O | O | X | X | X |
| E:last-child | E 요소 중 마지막 자식이라면 E 선택 | O | O | O | O | O | X | X | X |
| E:first-of-type | E 요소 중 첫번째 E 선택 | O | O | O | O | O | X | X | X |
| E:last-of-type | E 요소 중 마지막 E 선택 | O | O | O | O | O | X | X | X |
| E:only-child | E 요소가 유일한 자식이면 선택 | O | O | O | O | O | X | X | X |
| E:only-of-type | E 요소가 같은 타입이면 선택 | O | O | O | O | O | X | X | X |
| E:empty | 텍스트 및 공백을 포함하여 빈 자식을 가진 E를 선택 | O | O | O | O | O | X | X | X |
| E:target | E의 URI의 대상이 되면 선택 | O | O | O | O | O | X | X | X |
| E:enabled | 활성화된 폼 컨트롤 E요소 선택 | O | O | O | O | O | X | X | X |
| E:disabled | 비활성화된 폼 컨트롤 E요소 선택 | O | O | O | O | O | X | X | X |
| E:checked | 선택된 폼 컨트롤(라디오버튼,체크박스)을 선택 | O | O | O | O | O | X | X | X |
| E:not(s) | s가 아닌 E 요소 선택 | O | O | O | O | O | X | X | X |
| E~F | E 요소가 앞에 존재하면 F를 선택 | O | O | O | O | O | O | O | X |
'Yame Programmer > CSS & UI Plugin' 카테고리의 다른 글
| [css] css만으로 애니메이션 효과주는 방법 (0) | 2016.10.07 |
|---|---|
| [Kendo UI] 템플릿을 사용해 그리드 값 IF문 사용 하기( grid value use template for 'if') (2) | 2016.08.12 |
| [kendo ui] 켄도 ui 라인차트 bullet(원) 제거 하기 (0) | 2016.06.21 |
| [kendo ui] 켄도 ui 차트 색상 지정하기 (0) | 2016.06.21 |
| [kendo ui] 차트 valueAxes 라벨 위치 지정 하기 (0) | 2016.06.20 |