Firefoxをターゲットとした各バージョン毎のCSS Hack

Perishable Pressより、なかなか興味深いエントリーがあったので、Firefoxをターゲットとした各バージョン毎のCSS Hackを紹介します。

Firefoxのみのターゲットですが、FirefoxのバージョンごとによるHackがまとまっているので有用です。

Firefox すべてのバージョン

/* Target all Firefox */
#selector[id=selector] { color: red; }

/* Target all Firefox */ 
@-moz-document url-prefix() { .selector { color: red; } } 

/* Target all Gecko (includes Firefox) */
*>.selector { color: red; }

Firefox1.5とその新しいバージョン

.selector, x:-moz-any-link, x:only-child { color: red; }

Firefox2と古いバージョン

body:empty .selector { color: red; }

/* Target Firefox 2 and older */
#selector[id=SELECTOR] { color: red; }

/* Target FireFox 2 and older [!] */
html>/**/body .selector, x:-moz-any-link { color: red; }

Firefox3

html>/**/body .selector, x:-moz-any-link, x:default { color: red; }