本文へジャンプ

主要っぽいハック

Firefoxはやっぱり優秀だなーと思う今日この頃。

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;
}

ページトップへ