対象ブラウザ毎の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 */