CSS Pseudo-Class Selectors

This selects the element that is at the root of the document specifically the element.

• :first-child

• :last-child

• :nth-child()

• :root

Selects the last element within a parent.

• :last-child

• :first-child

• :nth-child()

• :nth-last-child()

Selects elements based on a provided algebraic expression (e.g. “2n” or “4n-1”).

• :nth-of-type()

• :nth-child()

• :last-child

• :root

Selects the first element within a parent.

• :nth-child()

• :first-of-type

• :last-child

• :first-child

Selects the element if and only if it is one of its kind within the current parent.

• :only-of-type

• :nth-of-type()

• :first-of-type

• :last-of-type

Works like :nth-child, but it is used in places where the elements at the same level are of different types.

• :nth-of-type( )

• :first-of-type

• :nth-child( )

• :last-of-type

This works like :nth-of-type, but it counts up from the bottom

instead of the top.

• :nth-child( )

• :nth-of-type-reverse

• :last-of-type

• :nth-last-of-type( )

Selects the first element of this type within any parent.

• :last-of-type

• :only-of-type

• :nth-of-type

• first-of-type

This works like :nth-child, but it counts up from the bottom instead of the top.

• :last-child

• :nth-last-child( )

• :nth-of-type( )

• :nth-child( )

This works like :nth-of-type, but it counts up from the bottom instead of the top.

• :nth-of-type( )

• :nth-last-of-type( )

• :nth-child( )

• :last-of-type