@@Der Martin

Öhm... ist das eine entweder-oder-Entscheidung? Können die einen Browser nur mit einem Doppelpunkt und die anderen nur mit zweien?

Öhm, die Frage hättest du dir leicht selbst beantworten können. :after ist eine in CSS Level 2 festgelegte Schreibweise. Welchen Sinn hätte es, die Unterstützung dafür in modernen Browsern aufzugeben und damit bestehende Seiten, die diese Schreibweise verwenden, kaputtzumachen?

Ab Level 3 werden Pseudoelemente und Pseudoklassen anhand der Anzahl der Doppelpunkte unterschieden.

meines Wissens interpretieren neuere Browser, die ::after verstehen, auch die eigentlich falsche Schreibweise mit nur einem Doppelpunkt wie gewünscht. Es ist dann eher ein didaktischer Spagat, sich einzureden, dass man der Rückwärtskompatibilität zuliebe absichtlich einen formalen Fehler macht.

Nein, man macht keinen formalen Fehler. Die Schreibweise aus Level 2 bleibt auch weiterhin aus Gründen der Rückwärtskompatibilität gültig. Euch beiden hätte ich eigentlich zugetraut, mal einen Blick in die Spec zu werfen.

Welche Schreibweise also verwenden? Ich würde sagen, dass Browser, die Level 3 nicht verstehen, inzwischen irrelevant sind. Jedenfalls nicht mehr relevant als Browser, die generierten Inhalt generell nicht können. Wenn man also weitgehend abwärtskompatibel sein will, muss man die Kreuze und Kreise sowieso als richtigen Inhalt in die td-Elemente setzen.

TL;DR: ::after mit 2 Doppelpunkten ist völlig OK.

LLAP 🖖