Wie wende ich benutzerdefinierte CSS-Selektoren für verschiedene Browser an (Mozilla, Chrome und IE)?-CSS-Tutorial-php.cn

Wie wende ich benutzerdefinierte CSS-Selektoren für verschiedene Browser an (Mozilla, Chrome und IE)?

Barbara Streisand

Freigeben： 2024-11-22 20:08:40

Original

847 Leute haben es durchsucht

How to Apply Custom CSS Selectors for Different Browsers (Mozilla, Chrome, and IE)?

CSS-Selektoren für Mozilla, Chrome und IE

Benutzerdefiniertes CSS für bestimmte Browser

Um bestimmte CSS-Regeln für einzelne Browser anzuwenden, verwenden Sie diese Bedingung Aussagen:

Für Mozilla: @-moz-document url-prefix()
Für Chrome: @media screen und (-webkit-min-device-pixel-ratio:0)
Für IE: @media all und (-ms-high -Kontrast: keine)

Syntax:

@browser-specific-selector {
  /* Styles for the specific browser */
}

Nach dem Login kopieren

Alternative Methoden

1. User-Agent-Scan:

Scannen Sie die User-Agent-Zeichenfolge, um den Browser und seine Version zu erkennen. Mit dieser Methode kann auch das Betriebssystem identifiziert werden.

2. CSS-Hacks:

Verwenden Sie CSS-Hacks, die browserspezifische Eigenschaften oder Syntax nutzen, um auf bestimmte Browser abzuzielen. Diese Hacks können fragil und bruchanfällig sein.

3. Skripte oder Plugins:

Implementieren Sie Skripte oder Plugins, die den Browser identifizieren und entsprechende CSS-Klassen auf Elemente anwenden.

PHP-Implementierung

PHP bietet Funktionen zur Browsererkennung, wie get_browser(). Diese Informationen können verwendet werden, um dynamische CSS-Dateien zu generieren, die auf den erkannten Browser zugeschnitten sind.

CSS-Hacks-Referenz

In der folgenden Liste finden Sie CSS-Hacks, die auf bestimmte Browser abzielen:

/* IE6 and below */
* html #uno  { color: red }

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

Nach dem Login kopieren

Browsererkennungs-Plugin

Erwägen Sie die Verwendung des CSS Browser Selector-Plugins für eine mühelose Browsererkennung und -klasse Anwendung:

<html class="class-for-mozilla">
<!-- Other classes for different browsers -->
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie wende ich benutzerdefinierte CSS-Selektoren für verschiedene Browser an (Mozilla, Chrome und IE)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!