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; }

トラックバック(0)

このブログ記事に対するトラックバックURL: http://blog.e-riverstyle.com/mtmt/mt-tb.cgi/429

コメントする

RSS feed

  • 購読する
  • RSD登録
  • RSS登録

webページ

タグクラウド

Powered by Movable Type 4.1
twitterフォロー

スポンサー広告

bookストア

Mozilla Firefox ブラウザ無料ダウンロード