Firefox 専用の CSS ルール

条件付きコメントは、ブラウザ固有の CSS を使用して Internet Explorer を効果的にターゲットにしますが、特に Firefox をターゲットにする場合には課題が残ります。これに対処するには、ブラウザの JavaScript のスニッフィングを回避し、条件付きコメントと同様のブラウザの機能を活用するソリューションを探してください。

排他的な Firefox ターゲティング

これらの基準を満たすソリューションは次のとおりです。

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

このルールは、Firefox に固有の url-prefix() 関数を持つ要素を対象とします。これにより、CSS ルールが Firefox にのみ適用され、Internet Explorer、WebKit、Opera などの他のブラウザには適用されなくなります。

このルールを使用するには、CSS ファイルに追加するだけです。ブラウザが HTML でレンダリングすると、

要素は Firefox でのみ赤色で表示されます。

このソリューションはブラウザの機能のみに依存しており、JavaScript を使用せずに Firefox をターゲットにするクリーンで非常に具体的な方法を提供します。