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

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

<script type="text/javascript">

    //不分男女,选中第一类衣服中第9个a元素,并改变颜色

    //这里用了nth-child 选择的他们所有父元素的第n个子元素

    $('.tag dd>a:nth-child(10)').css('color','#66CD00');

</script>


正在回答

5 回答

$('.tag dd>a:nth-child(10)').css('color','#66CD00');

dd 下第 1 个标识是 p,第 2 个标识是第 1 个 a ,需要找第 9 个 a ,就需要找第 10 个标识

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

nth-child 是从 1 开始计数的,其余的都是从 0 开始计数的

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

a:nth-child(10),指的是其父元素的第10个元素,如果这个元素是a,将其选择中;

p:nth-child(10),指的是其父元素的第10个元素(还是那个a),如果这个元素是p,将其选中;但此处第十个元素是a,所以并不能选中;

同理p:first-child 可以选中第一个p, a:first-child 不能选中元素。

css选择器中的 :first-child, :last-child, :nth-child; 作用也是一样。

css选择器还有:firts-of-type,nth-of-type,last-of-type,nth-last-of-type; 这几个选择器会先筛选出对应的类型,

父标签下第9个a,可以用 a:nth-of-type(9)将其选中。(借鉴别人的)


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

nth-child是按父元素的第n个算的,a的父元素为dd,a的第9个是他父元素的第10个,n从1开始算

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

因为nth-child 的index是从0开始的  0就=第一个 1=第二个

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

彼岸花开小菠萝

是从1开始的吧
2019-07-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

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