Are div and div:nth-child(1) equivalent?

[johnywhy]

Are
div
and
div:nth-child(1)
equivalent?

thx

[Beverleyh]

No, they are not equivalent.

div = all div elements

div:nth-child(1) = the first div in a group of sibling div elements

[Paulie_D]

With respect to Beverlyh this

div:nth-child(1) = the first div in a group of sibling div elements

Is not quite correct.

div:nth-child(1) = the first div which is also the first child of a parent.

https://codepen.io/Paulie-D/pen/exXzpg

For Beverleys exmaple to be true would need to be

div:nth-of-type(1) = the first div in a group of sibling div elements

[Beverleyh]

Thanks Paulie_D. I should have been more explicit with my wording. The markup I was visualising when I wrote it was an exclusive group of divs where the first child would also be a div.

[Author]

Posts