这个地方为什么nth-child()括号里是10而不是9呢？不是选中了第九个a标签了吗？
LamHiuWing
2019-06-18 21:32
<script type="text/javascript">
//不分男女，选中第一类衣服中第9个a元素，并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
</script>
5回答
-
- Sapce
- 2019-08-02 23:17:10
$('.tag dd>a:nth-child(10)').css('color','#66CD00');
dd 下第 1 个标识是 p，第 2 个标识是第 1 个 a ，需要找第 9 个 a ，就需要找第 10 个标识
-
- 小轩碧落西窗雪
- 2019-07-14 16:38:31
nth-child 是从 1 开始计数的，其余的都是从 0 开始计数的
-
- 慕无忌1343731
- 2019-07-09 16:01:02
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)将其选中。（借鉴别人的）
-
- 慕无忌1343731
- 2019-07-09 15:45:30
nth-child是按父元素的第n个算的，a的父元素为dd，a的第9个是他父元素的第10个，n从1开始算
-
- Crush_lmx
- 2019-06-22 15:15:28
因为nth-child 的index是从0开始的 0就=第一个 1=第二个
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题