# :kids —an nth-child tester ▼

The nth-child selector and its variations are some of the most powerful yet sometimes very confusing features of CSS. They're part of Selectors Level 3 and browser support is quite decent, except for, you guessed it, IE before version 9.

:kids is a simple tool to show the effects of the various nth-child selectors in a nice way. Besides that, you can store them to get back to them later on.

## Examples Show

- Fifth cell
- Every evenly numbered cell
- Every third cell
- All cells, starting from the sixth
- Every third cell, starting from the fifth
- First three cells
- Last cell
- Third to last cell
- Last three cells

## Saves Hide

Save current selector

Why yet another nth-child tester?
  In my opinion, most of the others are either ugly or miss the point in various ways. Besides, I just wanted to build a thing.
Why use this one?
  First off, it's really easy to use. Enter whatever you want into the box and see what happens. Secondly, I think it's not the uggliest tool on the web. But the main reason is that you can store your selectors so you'll never forget them. Oh, and did I mention there's an easter egg? Good luck finding it.
Help! I feel so lost here.
  This tool serves only as a visual aid, it does by no means try to explain the usage of those pseudo classes. If you need a great tutorial, Chris Coyier has got you covered .
What's with that name?
  I'm terrible at finding names. I really am. I guess you could already figure. But nth-child and kids seemed like a good combination. So yeah, take it or leave it.