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

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

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

慕盖茨2972475

2018-06-14

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

关注问题我要回答

1337

操作

收起

3 回答

atlunix
2018-09-14

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

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

收起回答

qq_妳若是夢我願長眠_0
2018-08-09

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

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

收起回答

水冰月大魔王灬
2018-06-16

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

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

收起回答

慕盖茨2972475 提问者

那也就是第十个元素对吧，但是实际上显示的却是第九个A标签

2018-06-16 回复有任何疑惑可以回复我~

水冰月大魔王灬回复慕盖茨2972475 提问者

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

2018-06-16 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础 (一)—样式篇

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

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

进入课程

本课相似问答

1 回答关于为什么a:nth-child(10)是10，而不是9的问题

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

4 回答$("#menu div.tag dd a:nth-child(10)")10是什么鬼?用a:eq(8)不行吗

5 回答这个地方为什么nth-child()括号里是10而不是9呢？不是选中了第九个a标签了吗？

1 回答jQuery的子内容选择器的使用有问题，不知道为啥nth-child(10),而不是9

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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