CSS中nth type和child的区别

1.child

        先找孩子的位置（依照顺序），再确认这个位置的孩子是否是我们想要的元素。

       个人理解是把child系列选择器看作是一个并集，如：

 

此时变色的元素满足两个条件，既是第二个儿子也是div标签，其他只满足一个条件的均不生效。

 也因此，他也能应用于作用代码中找到特定的一个元素。

 2.nth of type

先找到所有元素，再去按照元素顺序进行渲染 。只有没有相应元素存在时才会失效。

 

知识点补充

选择奇数为：nth-of-type(odd)或：nth-of-type(2n+1)

选择偶数为 ：nth-of-type(even)或：nth-of-type(2n)