가장 자주 사용할 수 있는 ie6 핵입니다.
-
#selector {
-
_property: value;
-
}
Internet Explorer 7
ie7과 그 아래 버전의 값을 정의하고, 다시 ie6의 값을 재정의해주는 방법입니다.
-
/* Target IE7 and below */
-
#selector {
-
*property: value;
-
}
-
/* Then overwrite for targeting IE6 specifically */
-
#selector {
-
_property: value;
-
}
Firefox 2
Gecko-based browsers 에서만 작동되는 선택기입니다.
-
#selector, x:-moz-any-link {
-
property: value;
-
}
Firefox 3
ie7 과 마찬가지로, ff3와 ff2의 핵을 결합할 수 있습니다.
-
/* Target Firefox 2 */
-
#selector, x:-moz-any-link {
-
property: value;
-
}
-
-
/* Then overwrite for Firefox 3 specifically */
-
#selector, x:-moz-any-link, x:default {
-
property: value;
-
}
Safari 3.0+
이 핵은 css3 를 이용한것으로, 추후 다른 브라우져에서도 css3가 지원이 된다면 타 브라우져에서도 적용이 됩니다.주의하시길 :)
-
body:first-of-type #selector {
-
property:value;
-
}
Safari 3.1 and Google Chrome
사파리와 구글 크롬은 Webkit rendering engine을 사용하고 있습니다.
아직 구글 크롬에만 적용되는 핵은 찾지 못했습니다.
-
body:nth-of-type(1) #selector {
-
property: value;
-
}
Opera 9
오페라 또한 적용되는 hack을 찾지 못했지만, 오페라와 Webkit rendering engine을 사용하는 브라우져를 대상으로 핵을 선언한 후, 사파리와 webkit browsers를 대상으로 재 설정을 해주는 방법입니다.
-
/* Declare for Opera and Webkit */
-
@media screen and (-webkit-min-device-pixel-ratio:0){
-
#selector {
-
property: value;
-
}
-
}
-
-
/* Revert for Safari and other Webkit browsers */
-
body:first-of-type #selector {
-
property:value;
-
}
ie 핵의 경우 DTD 설정에따라 해당하는 브라우져가 다를 수 있습니다.
영문사이트여서 제대로 해석이 안 될 수 있습니다. T T
참고 사이트 : bradKELLETT
[블로그 꾸미기 추천 책]




댓글을 달아 주세요
다른건 모르겠고 line-height와 background의 1px이 항상 신경쓰여ㅋㅋ
2009/05/09 17:07 [ ADDR : EDIT/ DEL : REPLY ]하긴...
2009/05/09 17:09 [ ADDR : EDIT/ DEL ]그렇게 많이 핵 사용할 일이..ㅋ
nice locality
2009/07/08 13:22 [ ADDR : EDIT/ DEL ]I be subjected to an Iron Horse) This wish be my second outing to Sturgis, we intention be leaving on July 28th and staying by virtue of the 8th.
This can all be clear tuned in mid July.
2009/07/09 04:26 [ ADDR : EDIT/ DEL ]<a href=http://sturgis.freehostpage.com/jock-sturgis-photo.html>jock sturgis photo</a>