CSSハック

IE 7ハック

7

Windows IE 7のみにスタイルを適用するハック。適用したいセレクタの前に「*:first-child+html」を付ける。CSS Validatorに通る。

スターハック

4〜6, Mac 4〜5

Windows IE 4〜6、Mac IE 4〜5のみにスタイルを適用する場合に用いる。スターつまり*を利用することからこのネーミングになったものと思われる。利用法としては、適用したいセレクタの前に「* html」を付ける。書式上は正しいのでCSS Validatorに通るが、それにマッチする要素はHTML文書には出現し得ない。

スター7ハック

5.5〜6, Mac 5　

Windows IE 5.5〜6、Mac IE 5、Safariのみにスタイルを適用する。適用したいセレクタの前に「html*」を付けるのだが、空白を含めないように注意したい。書式としては不正で、CSS Validatorに通らない。

Hollyハック

Mac 5

Mac IE 5のみにスタイルを適用、あるいはMac IE 5のみ除外したい場合に用いる。適用したいスタイルを、それぞれ以下のコメント形式で囲めばよい。CSS Validatorに通る。

なお、Hollyハックは別名バックスラッシュ（＼）ハックとも言われている。文字コードがShift JISのときにはバックスラッシュの代わりに「￥」を利用すればよい。

ハッシュハック

4〜6, Mac 5　　 7

Windows IE 4〜6、Mac IE 5、Firefox、Opera 7のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「#」を付けて使う。CSSの書式としては不正で、CSS Validatorに通らない。

アンダースコアハック

4〜6

Windows IE 4〜6のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「_（アンダースコア）」を付けるだけだが、CSSの書式としては不正で、CSS Validatorに通らない。

もし同様の処理をCSS Validatorに通るかたちで実現したいのなら、スターハックとHollyハックを用いて

とすればいい。

Caioハック

4

Netscape 4のみを排除する。CSS Validatorに通る。

Fabriceインバージョン

4　 4〜5

Netscape 4、Opera 4〜5のみにスタイルを適用する場合に用いる。CSS Validatorに通る。

xmlns属性ハック

　　

属性セレクタをサポートするFirefox、Mozilla、Safari、Operaにのみスタイルが適用される。CSS Validatorにも問題なく通る。

:root疑似クラスハック

　　 Mac 5

:root疑似クラスをサポートするFirefox、Mozilla、Safari、Mac IE 5にのみスタイルが適用される。:root疑似クラスは策定中のCSS 3.0でサポートされる予定で、CSS 2.0では定義されおらずCSS Validatorではエラーとなる。

Safariハック

Safariにのみスタイルを適用させる。前者はスターハックとスター7ハックの複合技で、それぞれのハックの適用ブラウザの差を利用したものです。また後者はSafari用のハックとして単独で利用が可能です。いずれのハックもCSS Varidatorを通過しません。

他のブラウザについてもまったく同じことが言えますが、Safariのバージョンアップによりいずれのハックも崩壊する可能性があることを念頭に置いておくべきです。またSafariハックというネーミングはこちらで勝手に付けたものです。あしからず。

2〜