Pseudo-elements

A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to change the font of the first line of a paragraph.

/* The first line of every <p> element. */
p::first-line {
  color: blue;
  text-transform: uppercase;
}

Syntax

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

You can use only one pseudo-element in a selector. It must appear after the simple selectors in the statement.

Index of standard pseudo-elements

See also

• Pseudo-classes