Rob Dodson • 8/4/2013

nth-child is weird

Read Original

This article clarifies a common CSS confusion by comparing the :nth-child and :nth-of-type selectors. It uses code examples to demonstrate how :nth-child selects based on an element's overall position among siblings, while :nth-of-type selects based on its position among siblings of the same type, making the latter more robust for certain styling tasks.

0 comments
#Frontend #css #Selectors
nth-child is weird

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
Quoting Thariq Shihipar
Simon Willison • 2 votes
2
Using Browser Apis In React Practical Guide
Jivbcoop • 2 votes
3
Top picks — 2026 January
Paweł Grzybek • 1 votes
4
In Praise of –dry-run
Henrik Warne • 1 votes
5
Deep Learning is Powerful Because It Makes Hard Things Easy - Reflections 10 Years On
Ferenc Huszár • 1 votes
6
Vibe coding your first iOS app
William Denniss • 1 votes
7
AGI, ASI, A*I – Do we have all we need to get there?
John D. Cook • 1 votes
8
Dew Drop – January 15, 2026 (#4583)
Alvin Ashcraft • 1 votes