danna labo. vol.3

対象ブラウザ毎のCSSハックまとめ

ほんとに最近物覚えが悪く、こんな簡単な事も覚えていないと自己嫌悪に。。。となってる余裕もなく、 すぐさまgoogleで検索するより、自分のサイトからコピペするのが早いので、 よく使うCSSハックを書き留めておきます。

Win & Mac IE(OSX)のみに適用するハック

スターハックと呼ばれるハック。アスタリスク(*)のあとに、スペース、html、スペースをセレクタ名の前に追加する。
Win、Macに関わらずIE6以下に適用。

* html クラス、セレクタ名 {
プロパティ:値
}


IE7のみに適用するハック

スターハックの発展系(?)。アスタリスク(*)のあとに、「+」、html、スペースをセレクタ名の前に追加する。

*+html クラス、セレクタ名 {
プロパティ:値
}


Mac IEのみに適用するハック

Hollyハックと呼ばれるハック。サイトを制作する上で、このハックの使用頻度が一番高いように思えます(ただし、全く覚えれない)。

/* Only MacIE ¥*//*/
クラス、セレクタ名 {
プロパティ:値
}
/* End */


Mac IEのみスタイルを適用させないハック

こちらも上記のハックと同様、Hollyハックと呼ばれるハック。

/* Except MacIE ¥*/
クラス、セレクタ名 {
プロパティ:値
}
/* End */