nth-child builder

Build :nth-child(), :nth-of-type(), and :nth-last-child() selectors visually — see which of the first 24 items match.

Everything runs in this browser.

How to use

  1. Pick a pattern: odd, even, every-nth, index, an+b, or a range.
  2. Choose the pseudo-class.
  3. Copy the selector; the grid shows what it hits.

What it supports

Indexes and ranges 1–10,000, coefficients ±1,000; preview covers the first 24 items. Selector text only — :nth-child accepts more exotic syntax than the builder emits.

Related tools

Related guides