                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

2-17综合练习任务中第4个题目

    //不分男女，选中第一类衣服中第9个a元素，并改变颜色
    //这里用了nth-child 选择的他们所有父元素的第n个子元素
    $("#menu div.tag dd a:nth-child(10)").css('color','#66CD00');

为什么题目中选的是第9个a元素，答案中要写10，即a:nth-child(10)。而不是a:nth-child(9)

慕粉4340077

2016-12-17

源自：jQuery基础 (一)—样式篇 2-16

关注问题我要回答

669

操作

收起

3 回答

北极的大熊回答被采纳 +3 积分
2017-02-07

jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的，刚刚说错了

0 回复有任何疑惑可以回复我~

收起回答

慕粉4340077 提问者

非常感谢！

2017-02-24 回复有任何疑惑可以回复我~

北极的大熊
2017-02-07

因为要算上P，dd的子元素有两种p和a，一共有10个，所以是nth-child(10)

0 回复有任何疑惑可以回复我~

收起回答

ios要转型
2016-12-17

nth-child(index)从1开始的，因为你"#menu div.tag dd a:nth-child(10)" 是找dd的子元素 a，所以略过<p>

a是index（2）开始的所以第9个为 a:nth-child(10)

0 回复有任何疑惑可以回复我~

收起回答

一家之煮

index不是从0开始的吗怎么又从1开始了

2017-01-10 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217509 人
解答问题 1218 个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

进入课程

本课相似问答

4 回答2-16综合案例

2 回答2-14练习题第二题打不开啊？

1 回答2-8内容选择器任务中的疑问

6 回答2-14练习题第二题为什么点上去没有反应？我刷新好几次了

2 回答综合案例中为什么是nth-child(10)，而不是nth-child(9)？

搜索更多本课相关问答

2-17综合练习任务中第4个题目

我要回答关注问题

热搜

最近搜索清空

2-17综合练习 任务中第4个题目

3 回答

本课相似问答

2-17综合练习 任务中第4个题目

2-17综合练习任务中第4个题目

2-17综合练习任务中第4个题目