今天用css的伪类选择器nth-child(n)，发现只有奇偶形式有效，指定第几个却不行，百思不得其解的情况下，偶然发现了原来还有nth-of-type这个，才是我想要用的，直接上网址：http://www.zhangxinxu.com/wordpress/?p=1709

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

例如：

<div>
<a></a>
<a></a>
<span></span>
<a></a>
<span></span>
</div>

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

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

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