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

Beispiel

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

Links bekommen einen Rechtspfeil angefügt.

Beachten Sie: Das Element wurde mit CSS2 als :after eingeführt und diese Schreibweise ist aus Kompatibilitätsgründen weiterhin gültig. Korrekt ist aber ::after, was seit Internet Explorer 9 von allen Browsern verstanden wird.

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