<script type="text/javascript">
//不分男女，选中第一类衣服中第9个a元素，并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
</script>
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
dd 下第 1 个标识是 p，第 2 个标识是第 1 个 a ，需要找第 9 个 a ，就需要找第 10 个标识
nth-child 是从 1 开始计数的，其余的都是从 0 开始计数的
a:nth-child(10)，指的是其父元素的第10个元素，如果这个元素是a，将其选择中；
p:nth-child(10)，指的是其父元素的第10个元素（还是那个a），如果这个元素是p，将其选中；但此处第十个元素是a，所以并不能选中；
同理p:first-child 可以选中第一个p, a:first-child 不能选中元素。
css选择器中的 :first-child, :last-child, :nth-child; 作用也是一样。
css选择器还有:firts-of-type,nth-of-type,last-of-type,nth-last-of-type; 这几个选择器会先筛选出对应的类型，
父标签下第9个a，可以用 a:nth-of-type(9)将其选中。（借鉴别人的）
nth-child是按父元素的第n个算的，a的父元素为dd，a的第9个是他父元素的第10个，n从1开始算
因为nth-child 的index是从0开始的 0就=第一个 1=第二个