元記事：CSSハック一覧 – IE, Firefox, Safariなどなど
Internet Explorer
IE6以下
1 2 3 | #help_me { _color: blue; } * html #help_me { color: red; } |
IE7
1 2 3 | *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } |
IE6, IE7
1 | #help_me { /color: blue; } |
IE8
1 | #help_me { color: blue9; } |
IE7, IE8
1 | #help_me { color/***/: blue9; } |
IE6以外
1 | #help_me { color/**/: blue; } |
IE6, IE7以外
1 | html>/**/body #help_me { color: red; } |
IE6〜IE8以外
1 | :root *> #help_me { color: red; } |
モダンブラウザ
Firefox
1 | #help_me, x:-moz-any-link { color: red; } |
Firefox 3.0以上
1 | #help_me, x:-moz-any-link, x:default { color: red; } |
Safari 2-3
1 | html[xmlns*=""] body:last-child #help_me { color: red; } |
Safari 2 – 3.1
1 | html[xmlns*=""]:root #help_me { color: red; } |
Safari 2 – 3.1, Opera 9.25
1 | *|html[xmlns*=""] #help_me { color: red; } |
Safari 3以上, Chrome
1 2 3 | @media screen and (-webkit-min-device-pixel-ratio:0) { #help_me { color: red; } } |
Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上
1 2 3 | body:nth-of-type(1) #help_me { color: red; } body:first-of-type #help_me { color: red; } |
Opera 9.25以上
1 2 3 | ;;body #help_me { color: red; } html:first-child #help_me { color: red; } |
コメントを残す コメントをキャンセル