詳しくはコチラ→http://coliss.com/articles/build-websites/operation/css/the-hacks-css-browser-targeting.html
あんまり多用したくないですよね。
だけど、緊急の際はたまに使います。
よく使うのが「:root」ハック。
レイアウトが崩れるのは大体ieだからie以外のブラウザにハックかけちゃうのが一番楽。しかし今回はfox以外のブラウザ全てがレイアウト崩れるという事態に。
↑最後の備考の文字が下によっている
様々試みるもまったく直らず。しかも苦手な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系だからブラウザチェックのしようがないのだが…。）連絡ないから大丈夫だったのでしょう。