为了账号安全,请及时绑定邮箱和手机立即绑定

关于:nth-child(10)与 :eq(10)

<script type="text/javascript">
        //选中2个dd列表中第10个元素,并改变颜色
        //这里用了nth-child 选择的他们所有父元素的第n个子元素
       // $('dd a:nth-child(10)').css('color','#66CD00');
       $('dd:eq(10)').css('color','#66CD00');
    </script>


为什么这里用$('dd:eq(10)').css('color','#66CD00');

文字的颜色没有改变的?

正在回答

3 回答

dd没有10个 就2个dd标签, dd a:eq(10)

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

盯叮町玎仃 提问者

非常感谢!
2016-07-21 回复 有任何疑惑可以回复我~

:nth-child(10)  表示第10个子元素,从1开始索引。:eq(10)表示第11个子元素,从0开始索引

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

慕粉15160033427

你理解错了,nth-child(10),是表示子元素里的第十一个,因为dd的子元素第一个是<p>所以到a的时候,第十个刚好对应上了索引10; dd:eq(10)表示第11个dd元素,明显没有嘛
2016-09-01 回复 有任何疑惑可以回复我~

dd标签只有两个。dd列表中的第10个元素表示dd的第十个子元素

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

举报

0/150
提交
取消

关于:nth-child(10)与 :eq(10)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信