Layout
- Free forever
- No sign-up
- Instant results
nth-child Expression Builder
Build CSS nth-child(an+b) expressions without Googling the syntax. Set your values and see a live dot preview of exactly which items get selected.
CSS expression
—
Preview (highlighted = selected)
When would you use this?
The nth-child pseudo-selector is one of those things you use regularly but can never quite remember the syntax for without Googling it. This builder lets you set the 'a' (every nth) and 'b' (offset) values and immediately see which items in a list get selected via a live dot preview. Great for styling alternating rows, every third card, the first two items, or any other pattern.