CSS/Selektoren/after

Der ::after-Selektor erzeugt ein beliebig formatierbares Pseudoelement, das innerhalb des angesprochenen Elements nach dem tatsächlich vorhandenen Inhalt eingefügt wird.

Syntax	::after
Browsersupport	Details: caniuse.com

Beispiel

a::after { 
  content:'→'; 
}

Links bekommen einen Rechtspfeil angefügt.

Beachten Sie: Ältere Code-Beispiele enthalten oft das Pseudoelement :after, alle Browser ab IE9 verstehen die richtige Schreibweise mit den doppelten Doppelpunkten des Standards.

Siehe auch

• 

  Pseudoelemente

  Elemente nur mit CSS erzeugen

  •  ::after, ::before
  •  ::backdrop
    und mehr …
   
• Rahmen und Ribbons
  • Wichtiges mit Rahmen hervorheben
  • Ribbons (Hintergrundbänder mit Pseudoelementen erzeugen)
  • box-shadow und filter
   

Weblinks

• W3C: child-combinators CSS Selektors Level 3