CSS/Selektoren/before

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

Syntax

::before

Beispiel

nav ul li a::before { 
  content:'►';
}

Links in der Navigation bekommen ein Dreieck vor dem Verweis.

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

Siehe auch

• 

  Pseudoelemente

  Elemente nur mit CSS erzeugen

  •  ::after, ::before
  •  ::backdrop
    und mehr …
   

Weblinks

• W3C: child-combinators CSS Selektors Level 3