为什么这里的a:nth-child(10)是10,而不是9?

来源:2-16 综合案例

慕盖茨2972475

2018-06-14 13:06

    $("#menu .tag a:nth-child(10)").css('color','#66CD00');  为什么这里的a:nth-child(10)是10,而不是9?

写回答 关注

3回答

  • atlunix
    2018-09-14 19:05:01

    哦,是指第十个子元素而言。

  • qq_妳若是夢我願長眠_0
    2018-08-09 16:41:59

    第十个子元素就是第九个a标签

  • 水冰月大魔王灬
    2018-06-16 09:44:21

    nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的;所以这里的10就是从1开始的第10个元素。

    水冰月大魔王... 回复慕盖茨297...

    因为这里不是从第一个a标签开始数,这里用了nth-child 选择的他们所有父元素的第n个子元素,也就是选择了a标签的父元素dd标签,然后就要连同第一个p标签一起数,第十个就是第九个a标签

    2018-06-16 15:16:42

    共 2 条回复 >

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

查看课程

相似问题