CSS Pseudo-elements

A CSS pseudo-element is used to style specified parts of an element.

For example, it can be used to:

• Style the first letter, or line, of an element

• Insert content before, or after, the content of an element

Syntax:

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

All CSS Pseudo Elements

Selector	Example	Example description
::after	p::after	Insert something after the content of each <p> element
::before	div.redDiv::before	Insert something before the content of each <div class='redDiv'> element
::first-letter	.someClass::first-letter	Selects the first letter of each element haing classsomeClass
::first-line	p::first-line	Selects the first line of each <p> element
::marker	::marker	Selects the markers of list items
::selection	p::selection	Selects the portion of an element that is selected by a user