CSS を使用して Firefox を独占的にターゲットにするにはどうすればよいですか?

CSS でのみ Firefox をターゲットにする

CSS の条件付きコメントを使用すると、ブラウザ固有のルールで Internet Explorer をターゲットにすることができます。しかし、他のブラウザには影響を与えずに Firefox のみをターゲットにすることが目的である場合はどうなるでしょうか?

クリーンでブラウザ中心のアプローチ

JavaScript やブラウザ スニッフィングに頼るのではなく、 、より洗練された解決策は、Mozilla の「-moz-document」CSS プロパティを使用することです。このプロパティは、Firefox などの Gecko ベースのブラウザ内にのみ適用される条件付き CSS ルールを有効にします。

構文と例

Firefox のみを対象とする構文は次のとおりです。

@-moz-document url-prefix() {
  /* Firefox-specific CSS rules here... */
}

たとえば、すべての

を作成するには、 Firefox ではタグが赤色になりますが、他のブラウザでは影響を受けません:

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

このアプローチにより、他のブラウザには影響せずにルールが Firefox にのみ適用されます。この方法では、ブラウザーの機能を利用することで、クリーンなブラウザー固有のソリューションが提供されます。

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