css中nth-of-typ的使用和nth-child的区别

代码:

此时的效果:

---

总结:

1 :nth-of-type(n) 是选择父元素的第n个同类型的子元素。

    比如:  .box>.item:nth-of-type(n)   选出的元素具有.item 并且在所有的.item兄弟元素中是第n位

2 :nth-child(n) 是选择父元素的第n个子元素

    比如: .box>.item:nth-child(n)  选出的元素具有.item，并且在所有的兄弟元素中是第n位

转载于:https://blog.51cto.com/11871779/2397659