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

源自：2-16 综合案例

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 20:43

个回答

北极的大熊

2017-02-07 15:48:02

已采纳

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

0
北极的大熊

2017-02-07 15:45:56

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

0
ios要转型

2016-12-17 22:12:26

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

0