トップ > スキル : Web > CSSハック

Web

その他ブラウザのCSSハック

IE、Mac IE、Firefox、Safari、Operaの各バージョンでのCSSがいくつかありますので、それを紹介します。

IE7ハック

IE 7のみにスタイルを適用します。セレクタの前に「*:first-child+html」を付けます。

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

スターハック

IE 4~6、Mac IE 4~5のみにスタイルを適用します。「*」を利用することからスターハックと名付けられたようです。適用したいセレクタの前に「* html」を付けます。

* html p {
    color:#333333;
   }

スター7ハック

IE 5.5~6、Mac IE 5、Safariのみにスタイルを適用します。適用したいセレクタの前に「html*」を付けますが、htmlと*の間には空白を含めません。書式としては不正な記述となります。

html * p {
    color:#333333;
   }

ハッシュハック

IE 4~6、Mac IE 5、Firefox、Opera 7のみにスタイルを適用します。適用したいプロパティの前に「#」を付けます。書式としては不正な記述となります。

p {
    #color:#333333;
   }

xmlns属性ハック

属性セレクタをサポートするFirefox、Mozilla、Safari、Operaにのみスタイルが適用されます。セレクタの前に「html[xmlns]」を付けます。

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

CSSハックには、他にもいろいろありますが、古いバージョンを使用しているユーザのための小技になります。将来は、これらハックも利用できない場面になることを想定して使用するようにします。

【その他ブラウザのCSSハック】