FirefoxやChrome、Safariのみに適用させるCSSハックの方法

コリスさんのブログにCSSのハック集が紹介されていたのでメモ
主要ブラウザの特定ブラウザのみに有効なCSSハック集

元ネタのサイトです。英語になってます。
Documenting the Hacks: CSS Browser Targeting


特定のブラウザのみに有効にする方法はけっこう知らなかったので
今後使わせてもらいます
特にクロームやFirefox2、Firefox3のみに使いたいときとか便利ですね。

自分用に一部引用です。
Safari 3.1 and Google Chromeのみ有効

body:nth-of-type(1) #selector {
	property: value;
}

Firefox2のみ有効

#selector, x:-moz-any-link {
	property: value;
}

Firefox3のみ有効

/* Target Firefox 2 */
#selector, x:-moz-any-link {
	property: value;
}

/* Then overwrite for Firefox 3 specifically */
#selector, x:-moz-any-link, x:default {
	property: value;
}