JavaScript を使用せずに CSS ルールを Firefox にのみ適用するにはどうすればよいですか?

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 をターゲットにするクリーンで非常に具体的な方法を提供します。

以上がJavaScript を使用せずに CSS ルールを Firefox にのみ適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。