[解決済み] CSSでFirefoxだけをターゲットにする

質問

条件付きコメントを使用すると、ブラウザ固有の CSS 規則で Internet Explorer をターゲットにすることが簡単にできます。

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

Geckoエンジン（Firefox）が誤動作することがあります。 CSS のルールを Firefox だけに適用し、他のブラウザを使用しないようにするには、どのような方法がありますか？ つまり、Internet Explorerだけでなく、WebKitやOperaもFirefox専用のルールを無視すべきなのです。

注意してください。 私は「クリーン」な解決策を探しています。JavaScript ブラウザースニッファーを使用して、私の HTML に「firefox」クラスを追加することは、私の意見ではクリーンとは認められません。むしろ、条件付きコメントが IE に対してのみ「特別」であるような、ブラウザの能力に依存するものを見たいのです...。

解決方法は？

よし、見つけたぞ。これはおそらく、最もクリーンで簡単な解決策で、JavaScriptがオンになっていることに依存しません。

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

<h1>This should be red in FF</h1>

これは、また別の Mozilla 固有の CSS 拡張をベースにしています。これらの CSS 拡張の一覧は、ここにあります。 Mozilla CSS 拡張機能 .