CSS/Selektoren/before

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Syntax ::before
Parameter {{{Parameter}}}}}
Browsersupport Details: caniuse.com
Beispiel
nav ul li a::before { 
  content:'►';
}
Links in der Navigation bekommen ein Dreieck vor dem Verweis.
Beachten Sie: Ältere Code-Beispiele enthalten oft das Pseudoelement :before, 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 …

Weblinks