詳しくはコチラ→http://coliss.com/articles/build-websites/operation/css/the-hacks-css-browser-targeting.html
あんまり多用したくないですよね。
だけど、緊急の際はたまに使います。
よく使うのが「:root」ハック。
レイアウトが崩れるのは大体ieだからie以外のブラウザにハックかけちゃうのが一番楽。しかし今回はfox以外のブラウザ全てがレイアウト崩れるという事態に。
![29歳新米ママリエール日記](https://stat.ameba.jp/user_images/20120201/15/rgacha/e1/7c/j/o0250016811767872084.jpg?caw=800)
↑最後の備考の文字が下によっている
様々試みるもまったく直らず。しかも苦手なtableとformの組み合わせです。ということで強引にposition指定して上に揃えました。この時に使用したのがfoxだけに適応させるハックです。2系と3系に適応させるために2個記述します。
/* Firefox 2 */
#selector, x:-moz-any-link {
property: value;
}
/* Firefox 3 */
#selector, x:-moz-any-link, x:default {
property: value;
}
クライアントにデータ提出する時にテンパってFirefox2系のハックをし忘れてしまったのですが(自分が使用しているのが3系だからブラウザチェックのしようがないのだが…。)連絡ないから大丈夫だったのでしょう。