最近のブラウザで使えそうなCSSハック

使う機会は滅多に無いんだけど、知識として知ってないと困ったりしたので、取りあえず現在主流だろうブラウザのハックを自分のまとめ用に。

実際の状況を確認出来るように、デモページもご用意しました。
必要あるか分かりませんがダウンロードも出来るようにしときました。
拡張子がshtmlとかなってるので、htmlにして下さい。

• ハックのデモページ
• デモページのファイル一式ダウンロード(zip:14kb)

---- こっから続き

主要っぽいハック

Win IE6までのハック（アンダースコアハック）

.hackTest01 {
	_background: red;
}

Win,Mac IE6までのハック（スターハック）

* html .hackTest02 {
	background: red;
}

Win IE7用のハック

*:first-child + html .hackTest03 {
	background: red;
}

Opera9.25用のハック

ちゃんと適用されない事があった、、、

html:\66irst-child .hackTest04 {
	background: red;
}

Opera9.25用のハック2

;;body .hackTest05 {
	background: red;
}

Win Safari3.0.4,Mac 3用のハック

body:first-of-type .hackTest06 {
	background: red;
}

ハックとはちょっと違うけど

各種セレクタに対応していないブラウザ（IE6とか）を除いたブラウザに適用させる。

#main > .hackTest07 {
	background: red;
}

pre + .hackTest08 {
	background: red;
}

おまけ：clearfix

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

おまけ 2：clearfix

div:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

各種SBMに追加

• 
• 
• 
• 
• 
• 
•