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)