« 1Password:Web のパスワード管理を簡単、便利に | メイン | 1つの ID で楽々認証「OpenID」を使ってみた »

CSS Hack いろいろメモ

・IE 7 のみに適用
適用したいセレクタの前に「*:first-child+html」を付加

*:first-child+html p { color:#000000; }

・!important
!important があるスタイルは、他のスタイルよりも優先される。Internet Explorer 6 以前は間違った解釈をすることを逆手に取った方法。

body { font-size: small !important;
font-size: x-small;
}

・スターハック
Windows IE 4~6、Mac IE 4~5 のみにスタイルを適用。適用したいセレクタの前に「*html」を付加。

*html p { color:#000000; }

・スター7ハック
Windows IE 5.5~6、Mac IE 5、Safari のみにスタイルを適用。適用したいセレクタの前に「html*」を付加。

html* p { color:#000000; }

・Hollyハック、バックスラッシュハック
Mac IE 5 のみにスタイルを適用。あるいは Mac IE 5 のみ除外し、適用。

/* これ以降 Mac IE 5 のみに適用される \*//*/
p { color:#000000; }
/* これ以降 Mac IE 5 以外にも適用される */
Mac IE 5のみスタイルを除外
/* これ以降 Mac IE 5 には適用されない \*/
p { color:#000000; }
/* これ以降 Mac IE 5 にも適用される */

・ハッシュハック
Windows IE 4~6、Mac IE 5、Firefox、Opera 7 のみにスタイルを適用。適用したいプロパティの前に「#」を付加。

p { #color:#000000; }

・アンダースコアハック
Windows IE 4~6 のみにスタイルを適用。適用したいセレクタの前に「_」を付加。

p { _color:#000000; }

・Caioハック
Netscape 4 のみを排除。

/* これ以降 Netscape 4 には適用されない /*/
p { color:#000000; }
/* これ以降 Netscape 4 にも適用される */

・Fabrice インバージョン
Netscape 4、Opera 4~5 のみにスタイルを適用。

/* これ以降 Netscape 4、Opera 4~5 のみに適用される /*//*/ p { color:#000000; }
/* これ以降全てのブラウザに適用される */

・xmlns 属性ハック
属性セレクタをサポートする Firefox、Mozilla、Safari、Opera のみスタイルを適用。

html[xmlns] p { color:#000000; }

・:root 疑似クラスハック
:root 疑似クラスをサポートする Firefox、Mozilla、Safari、Mac IE 5 にのみスタイルを適用。:root 疑似クラスは策定中のCSS 3.0でサポート予定。

:root p { color:#000000; }

・Safari ハック
Safari にのみスタイルを適用

p { その他のブラウザ用のスタイル }
html*p { Safari 用のスタイル }
*html p { その他のブラウザ用のスタイル }

Safari 2~

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

・Safari ハック 2

/* safari only \*/
html:\66irst-child div.globalContainer{
margin: 0 0 0 0;
}
/* end */
Category: CSS   Tag: CSS, CSS Hack

Sponsor Link