Selectors

How you target elements: the basic selectors, the combinators that join them, and every pseudo-class and pseudo-element that ships in at least one of Chrome, Firefox or Safari. Each entry gives the syntax, its specificity, browser support and the spec. All of them are also in the search and the A–Z.

Basic selectors →

Type, universal, class, id, attribute and namespace selectors, selector lists, the nesting selector & and how specificity is counted.

Combinators →

Descendant, child, next-sibling and subsequent-sibling combinators.

Pseudo-classes →

Logical, location, user-action, form, tree-structural, element-state, media, linguistic, shadow DOM and view-transition pseudo-classes.

Pseudo-elements →

Generated content, text fragments, form and element parts, shadow parts, scroll markers and the view-transition tree.