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!

https://youtu.be/KIIktcWu6hc

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