Heim > Web-Frontend > CSS-Tutorial > Einzel- oder Doppelpunktschreibweise für Pseudoelemente: Was ist der beste Ansatz?

Einzel- oder Doppelpunktschreibweise für Pseudoelemente: Was ist der beste Ansatz?

DDD
Freigeben: 2024-11-19 13:23:03
Original
586 Leute haben es durchsucht

Single or Double Colon Notation for Pseudo-elements: What's the Best Approach?

Navigieren in der Pseudoelement-Notation in der Webentwicklung

Viele Browser, einschließlich IE7 und IE8, unterstützen die Doppelpunkt-Notation für Pseudo nur eingeschränkt -Elemente wie ::after. Moderne Browser unterstützen aus Gründen der Abwärtskompatibilität die Einzelpunktschreibweise (:after). Dies wirft die Frage auf, ob ausschließlich die Einzelpunkt-Notation verwendet und der Code später aktualisiert werden soll, wenn der Marktanteil von IE8 abnimmt.

Einzel- vs. Doppelpunkt-Notation

Beide verwenden Die gemeinsame Verwendung von Notationen wird nicht empfohlen. CSS 2.1-kompatible Benutzeragenten ignorieren die gesamte Regel, wenn der Selektor nicht geparst werden kann.

.foo:after,
.foo::after { /*styles*/ }
Nach dem Login kopieren

Empfehlung

Für die unmittelbare Zukunft ist es am besten, dabei zu bleiben Ein-Doppelpunkt-Notation (:after) für Pseudoelemente. Es ist prägnanter und wird allgemeiner unterstützt. Da der Marktanteil von IE8 vernachlässigbar wird, sollten Sie erwägen, den Code zu überarbeiten und für eine bessere Spezifität die Doppelpunkt-Notation zu verwenden.

Das obige ist der detaillierte Inhalt vonEinzel- oder Doppelpunktschreibweise für Pseudoelemente: Was ist der beste Ansatz?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage