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

来源:2-16 综合案例

慕粉4340077

2016-12-17 20:43

    //不分男女,选中第一类衣服中第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)

写回答 关注

3回答

  • 北极的大熊
    2017-02-07 15:48:02
    已采纳

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

    慕粉4340...

    非常感谢!

    2017-02-24 10:41:08

    共 1 条回复 >

  • 北极的大熊
    2017-02-07 15:45:56

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

  • 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)


    一家之煮

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

    2017-01-10 15:38:59

    共 1 条回复 >

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

查看课程

相似问题