css 핵 정리

브라우저 배제를 위한 핵

[브라우저 배제 핵 1]
- 적용내용: Win IE4, 5, 6, Mac IE4, Netscape4 에만 스타일 배제
- 사용방법: 선택자 앞에 html>body
- 사용 예:  html>body h1{color:red;}

[브라우저 배제 핵 2]
- 적용내용: Win IE6 에만 스타일 배제
- 사용방법: 속성과 값을 구분짓는 콜론앞에 공백문자와 빈주석'/**/'
- 사용 예: h1{color /**/:red;}

[스타 핵]
- 적용내용: Win IE4, 5, 6, Mac IE4, 5에만 스타일 적용
- 사용방법: '선택자'앞에 *html
- 사용 예: *html h1{color:red;}
* (X)HTML 문서의 트리구조상 루트요소인 html 앞에 전체 선택자(*)를 두어 스타일을 지정하는 것이 올바른 방법은 아님

[언더스코어 핵]
- 적용내용: Win IE4, 5, 6에만 스타일 적용
- 사용방법: '속성' 앞에 언더스코어(_)를 붙임
- 사용 예: h1{_color:red;}
* CSS 문법상 속성앞에 언더스코어(_)를 두는 것은 문법적으로 올바르지 않음

[해시 핵]
- 적용내용: Win IE4, 5, 6, Mac IE5, Opera7, Mozilla, Firefox에만 스타일 적용
- 사용방법: '속성' 앞에 샾(#)을 붙임
- 사용 예: h1{#color:red;}
* CSS 문법상 속성앞에 샾(#)를 두는 것은 문법적으로 올바르지 않음

[스타 7 핵]
- 적용내용: Win IE5.5, 6, Mac IE5, Safari 에만 스타일 적용
- 사용방법: '선택자' 앞에 'html*'을 붙임 (선택자와 공백없음)
- 사용 예: html*h1{color:red;}
* CSS 문법상 전체 선택자(*)앞에 공백문자, 자식선택자(>), 인접선택자(+)만을 둘수있으므로 올바른 표현은 아님

[xmlns 핵]
- 적용내용:  Win IE 7, 8, Opera7,8, Mozilla, Firefox, Safari에만 스타일 적용
- 사용방법: '선택자' 앞에 'html[xmlns]'을 붙임
- 사용 예: html[xmlns] {color:red;}

[:root 가상클래스 핵]
- 적용내용:  Mozilla, Firefox, Mac IE5, Safari, Chrome, Netscape 에만 스타일 적용
- 사용방법: '선택자' 앞에 :root'를 붙임
- 사용 예: :root h1{color:red;}
* css3에 도입예정이며 css2에서는 정의되지 않음

출처 : http://todak.tistory.com/31