WebDesignRankings

Free CSS tool

:nth-child() tester

Type any formula — 2n+1, odd, 3n, -n+5 — and see exactly which elements it selects. Nothing to install, nothing to guess.

Accepts an+b, odd, even, or a plain number.

Your selector


    

How the formula works

an+b steps through the list: a is the size of each step and b is the offset it starts from. n counts up from zero, so 3n+1 matches the 1st, 4th, 7th and so on. odd is shorthand for 2n+1, and even for 2n. A negative a counts backwards, which is how -n+5 selects only the first five.

Need a partner to build the thing you're styling? See our rankings of the best SEO companies and web design agencies.