Règles CSS exclusivement pour Firefox

Bien que les commentaires conditionnels ciblent efficacement Internet Explorer avec du CSS spécifique au navigateur, le défi reste de cibler spécifiquement Firefox. Pour résoudre ce problème, recherchez une solution qui évite le JavaScript reniflant le navigateur et exploite les capacités du navigateur similaires aux commentaires conditionnels.

Ciblage exclusif de Firefox

Une solution qui répond à ces critères est la suivante :

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

Cette règle cible les éléments dotés de la fonction url-prefix(), unique à Firefox. Il garantit que les règles CSS sont appliquées uniquement dans Firefox et non dans aucun autre navigateur, y compris Internet Explorer, WebKit ou Opera.

Pour utiliser cette règle, ajoutez-la simplement à votre fichier CSS. Lorsque le navigateur l'affiche au format HTML, l'élément

apparaît en rouge uniquement dans Firefox.

Cette solution repose uniquement sur les capacités du navigateur, offrant un moyen propre et très spécifique de cibler Firefox sans aucune supercherie JavaScript.