The CSS3 :nth-child Calculator

What is the CSS3 nth-child Calculator?

If you have found your way here, presumably you've heard of CSS3's pseudo-selector, nth-child. If you haven't, might we suggest you read up here.

How do I use the CSS3 nth-child Calculator?

So you have a list of elements ready for styling, but you are not sure how to target specific items in your list? No problem!

Simply select the items from the list and our magic maths machine will calculate what CSS3 nth-child equation you need - it's as simple as that! If you need more items to select just click 'Add items'.