Safariのみ適用するCSSハック
2009 年 5 月 13 日 水曜日Safariのみ適用するCSS hackは幾つかあるが、Windows Safariでも確認できるのが
html[xmlns*=""] body:last-child #name{}
Safariのみ適用するCSS hackは幾つかあるが、Windows Safariでも確認できるのが
html[xmlns*=""] body:last-child #name{}
正式リリースされたIE8のCSSハック。
例
#name p{
padding: 2px;
}
html>/**/body #name p{
padding /*\**/: 1px 1px 1px 1px\9;
}
IE TESTERのIE8でも確認可能。
#name{
すべてのブラウザに適用するハック
}
*:first-child+html #name {
IE7のみに適用するハック
}
IE8が正式リリースされたが、商用サイトでIE全体の3%~5%、WEB系情報サイトでIE全体の8%~10%程度。ブラウザ全体では2%~8%程度。まだまだ、[Internet Explorer 8のデザイン崩れを回避するメタタグ]でIE7に落とした方が安全かもしれない。
Safari 3のみの適用になるが body:first-of-type でSafariのみCSSを適用する事が可能。
参考:http://coliss.com/articles/build-websites/operation/css/247.html
html:\66irst-child *****{
SafariのみCSSを記載
}
※但しIE - Safariには適用されない