ブラウザに特有であるCSS Hackのまとめ

CSS Hackについてあるエントリーを読んでいて、ふと感じたことなのですが、CSS Hackは、使わなくなったということです。

不幸かどうかはわかりませんが、クライアントからたまに無茶な要望がでることはよくありますが、そのときはどうしてもCSS Hackを使わなければならないことがありますので、下記にまとめてみました。

IE6

* html #hoge {
	color: red;
}

IE7

*:first-child+html #hoge {
	color: red;
}

IE7とそのほかのモダンブラウザ

html>body #hoge {
	color: red;
}

IE7以外のモダンブラウザ

html>/**/body #hoge{
	color: red;
}

Opera 9.27以下

html:first-child #hoge {
	color: red;
}

Safari

html[xmlns*=""] body:last-child #hoge {
	color: red;
}

Safari 3以上、Google chrome 1以上、 Opera9以上、 Firefox 3.5以上

body:nth-of-type(1) #hoge {
	color: red;
}
body:first-of-type #hoge {
	color: red;
}

Safari 3以上、Google chrome 1以上

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #hoge  { background: #FFDECE; border: 2px solid #ff0000;  }
}

IE6以下

#hoge {
	_color:blue;
}

IE7以下

#hoge { 
	*color: blue;
}

ネタ元