Pseudoelemente

Summary

Wie auch pseudo-classes können  Pseudoelemente einem Selektor hinzugefügt werden, aber statt einzelen Zustände ermöglichen Sie das gestalten eines einzelnen Teils von einem Element. Das Pseudoelement ::first-line richtet sich bspw. nur an die erste Zeile eines Elements.

Syntax

selector::pseudo-element {
  property: value;
}

Pseudoelemente

• ::after
• ::before
• ::first-letter
• ::first-line
• ::selection

Hinweis

Pseudoelemente sind sowohl mit zwei Doppelpunkten (::), als auch mit nur einem (:) anzutreffen. In der CSS3 Spezifikation wurde darin der Unterschied zwischen Pseudoelement und Pseudoklasse festgelegt. Die meisten Browser unterstützten aber beide Varianten.

Es ist immer nur ein Pseudoelement pro Selektor möglich.