How do  - nth-child() and nth-of-type really work?

How do - nth-child() and nth-of-type really work?

I get this question a lot so I thought I'd make a quick video.

When you have a list of items, nth-child() and nth-of-type may not do exactly what you think they do.

Check this quick video for some clarity. Enjoy!

Find an issue with this post? Think you could clarify, update or add something?

All my posts are available to edit on Github. Any fix, little or small, is appreciated!

Edit on Github

Syntax Podcast

Hold on — I'm grabbin' the last one.

Listen Now →
Syntax Podcast

@wesbos Instant Grams

Beginner JavaScript

Beginner JavaScript

A fun, exercise heavy approach to learning Modern JavaScript from scratch. This is a course for absolute beginners or anyone looking to brush up on their fundamentals. Start here if you are new to JS or programming in general!
I post videos on and code on

Wes Bos © 1999 — 2023

Terms × Privacy Policy