Master the :nth-child() Pseudo-Class
An in-depth guide on the :nth-child() pseudo-class that will help you master it and work with it more efficiently.
An in-depth guide on the :nth-child() pseudo-class that will help you master it and work with it more efficiently.
The tutorial also covers related pseudo-classes :nth-last-child(), :nth-of-type(), :nth-last-of-type() and the selector list argument "of" for :nth-child().
Chapters
- 00:00 Intro
- 00:35 How :nth-child() works
- 01:24 Functional notation for :nth-child()
- 05:07 Select a range of items using multiple :nth-child() pseudo-classes
- 05:53 How :nth-last-child() works
- 06:36 Select an entire list only when there is a certain number of items or more present
- 08:48 How :nth-of-type() works
- 11:02 How :nth-last-of-type() works
- 11:28 How the selector list argument "of" for :nth-child() works
- 12:57 :nth-col() and :nth-last-col()
- 13:28 Conclusion
