Einfacher oder doppelter Doppelpunkt für Pseudoelemente: Welche Notation sollte ich verwenden?

Einzel- oder Doppelpunkt-Notation für Pseudoelemente: Klärung des Dilemmas

Bezüglich der Verwendung der Einzel- oder Doppelpunkt-Notation für Pseudoelemente Elemente ist es wichtig, die Browserkompatibilität zu berücksichtigen. Da IE7 und IE8 die Doppelpunkt-Notation nicht unterstützen, sollte man dann ausschließlich die Einzelpunkt-Notation verwenden? Oder sollten beide Notationen enthalten sein, um älteren Browsern gerecht zu werden?

Die Antwort: Gehen Sie mit Vorsicht vor

Verwenden Sie beide Notationen durch ein Komma getrennt (z. B. .foo:after , .foo::after) wird nicht empfohlen. Gemäß den CSS 2.1-Spezifikationen führt jeder Fehler in einem Selektor dazu, dass die gesamte Regel ignoriert wird. Dies bedeutet, dass ein CSS 2.1-kompatibler Browser (nicht CSS3-fähig) die gesamte Regel ignoriert, wenn beide Notationen verwendet werden.

Eine praktikable Alternative

Wenn die Kompatibilität mit älteren Browsern bestehen bleibt ein Problem darstellt, kann man sich für einen etwas anderen Ansatz entscheiden:

.foo:after { /*styles*/ }
.foo::after { /*styles*/ }

Während diese Methode die Kompatibilität mit Browsern gewährleistet, die beide Notationen unterstützen, fügt sie unnötige Ausführlichkeit hinzu.

Aktuelle Empfehlung

Für aktuelle Projekte ist es ratsam, sich ausschließlich an die Ein-Doppelpunkt-Schreibweise (::) für Pseudoelemente zu halten. Dies liegt daran, dass die meisten modernen Browser diese Notation aus Gründen der Abwärtskompatibilität bereits unterstützen. Da der Marktanteil von IE8 weiter abnimmt, wird die Notwendigkeit, sich mit älteren Browsern auseinanderzusetzen, mit der Zeit abnehmen.

Das obige ist der detaillierte Inhalt vonEinfacher oder doppelter Doppelpunkt für Pseudoelemente: Welche Notation sollte ich verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!