タイトル通りFirefoxバージョン毎のCSSハックの記事があったのでメモ書き。

Firefox 1.0, 1.5, 3.0, 3.5 用の CSS ハック

具体的に記述方法としては、
———————————-
div.sample {background:url(img/bg00.png);}
div.sample, x:-moz-any-link {background:url(img/bg01.png);} → Firefox1.0 以降に適用
div.sample, x:-moz-read-only {background:url(img/bg02.png);} → Firefox1.5, 2.0 以降に適用
div.sample, x:-moz-broken {background:url(img/bg03.png);} → Firefox3.0 以降に適用
div.sample, x:-moz-broken, x:last-of-type {background:url(img/bg04.png);} → Firefox3.5 以降に適用
div.sample, x:x {background:url(img/bg00.png);}
———————————-
といった感じでFirefoxのバージョン毎に振り分けが可能なようです。

こういうハックはどうやって見つけるのか、
いつも不思議に思ってしまう。

久々にがっつりコーディングすることになりそうなので、
何かの時には助かるかも。

ご参考までに。。。