nth-child() 无法选中问题

nth-child()为div选择器，无法对其他标签类型起效，

当需要选择<span>时使用nth-of-type（）

在父容器div下的各子元素，如果是混合类型的情况下，要指定其中某一类元素的第几个，那就要用nth-of-type(n)

要指定第1个span就要用span:nth-of-type(1)，如果用span:nth-child(1)是得不到任何元素的。

而在单一元素（非混合）的情况下，nth-child(n)和nth-of-type(n)等价。

二者从名称上也能看出区别，type看类型，child不管类型只看次序。