这个地方为什么nth-child()括号里是10而不是9呢?不是选中了第九个a标签了吗?
<script type="text/javascript">
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
</script>
<script type="text/javascript">
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
</script>
2019-06-18
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)将其选中。(借鉴别人的)
举报