CSS Selectors Reference

Every CSS selector explained on its own page — the syntax, a real example, examples that match, examples that don't, and browser support. Modern selectors like :has(), :is(), and ::placeholder included.

Type Selectors

Universal

Universal Selector

*

Class & ID

Attribute Selectors

Attribute Presence Selector

Attribute Equals Selector

[attr="value"]

Attribute Starts With Selector

[attr^="value"]

Attribute Ends With Selector

[attr$="value"]

Attribute Contains Substring Selector

[attr*="value"]

Pseudo-Classes

:hover Pseudo-Class

:focus Pseudo-Class

:first-child Pseudo-Class

:nth-child() Pseudo-Class

:nth-child(An+B)

:not() Negation Pseudo-Class

:not(selector)

:has() Relational Pseudo-Class

:has(selector)

:checked Pseudo-Class

Pseudo-Elements

::before Pseudo-Element

::after Pseudo-Element

::placeholder Pseudo-Element

::placeholder

::marker Pseudo-Element

Combinators

Descendant Combinator

Child Combinator

Adjacent Sibling Combinator

Related references