2010年2月26日

ベイベー主要ブラウザの特定のもののみにのみに適用させるCSSハック

こんばんは。
昨日からなんだかうすら暖かくて、異常気象に違いないんだけど、これぐらいの気候がカラダにやさしくて、ちょうどいいんだけど~♪ と、思っているベイベーです。

ブログに書くネタを探して少々うろうろしておりまして、そのうちに、ちょっとベンリかも?と思ったものを見つけたので、ちょっとメモっとく。

ここ で紹介されてました。

元ネタ は英語サイトです。
(英語だけど、さすがに必要なCSS部分はわかりますね♪)

cssハックは、ホントは使わないに越したことのないワザですが、ちょっと試してみてうまくいった時には、ああベンリって思ってしまいます。

★—————————————★
IE6のみ有効

#selector {
_property: value;
}

★—————————————★
Safari 3.1 and Google Chromeのみ有効

body:nth-of-type(1) #selector {
property: value;

★—————————————★
IE7のみ有効

/* Target IE7 and below */
#selector {
*property: value;
}
/* Then overwrite for targeting IE6 specifically */
#selector {
_property: value;
}

★—————————————★
Firefox2のみ有効

#selector, x:-moz-any-link {
property: value;

★—————————————★
Firefox3のみ有効

/* 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;

今週もお疲れ様でした!!

コメントをどうぞ