CSS-Regeln exklusiv für Firefox

Während bedingte Kommentare mit browserspezifischem CSS effektiv auf Internet Explorer abzielen, besteht die Herausforderung weiterhin darin, speziell auf Firefox abzuzielen. Um dieses Problem zu beheben, suchen Sie nach einer Lösung, die Browser-Sniffing-JavaScript vermeidet und Browserfunktionen ähnlich wie bedingte Kommentare nutzt.

Exklusives Firefox-Targeting

Eine Lösung, die diese Kriterien erfüllt, ist wie folgt:

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

Diese Regel zielt auf Elemente mit der Funktion url-prefix() ab, die es nur in Firefox gibt. Dadurch wird sichergestellt, dass die CSS-Regeln nur in Firefox und nicht in anderen Browsern, einschließlich Internet Explorer, WebKit oder Opera, angewendet werden.

Um diese Regel zu verwenden, fügen Sie sie einfach Ihrer CSS-Datei hinzu. Wenn der Browser es in HTML rendert, wird das

Das Element wird nur in Firefox in Rot angezeigt.

Diese Lösung basiert ausschließlich auf Browserfunktionen und bietet eine saubere und hochspezifische Möglichkeit, Firefox ohne JavaScript-Tricks anzusprechen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Regeln ohne JavaScript exklusiv auf Firefox anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!