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

jQuery相关问题

//不分男女,选中第一类衣服中第9个a元素,并改变颜色
    //这里用了nth-child 选择的他们所有父元素的第n个子元素
    $(".tag a:nth-child(10)").css('color','#66CD00');
  <div class="tag" style="display:block">
            <dl>
                <dd id="dd1">
                    <p id="p1">第一类</p>
                    <a>1.衬衫</a>
                    <a>2.T恤</a>
                    <a>3.牛仔裤</a>
                    <a>4.休闲裤</a>
                    <a>5.短裤</a>
                    <a>6.针织衫</a>
                    <a>7.西服</a>
                    <a>8.西裤</a>
                    <a>9.嘻哈裤</a>
                    <a>10.西服套装</a>
                    <a>11.马甲/背心</a>
                    <a name="setColor">12.羽绒服</a>
                    <a>13.棉服</a>
                    <a>14.夹克</a>
                    <p>更多</p>
                </dd>
            </dl>
        </div>

为什么取10啊 不应该是9吗

正在回答

3 回答

因为:nth-child(n)是选择他们所有父类的第n个元素,这里a:nth-child(10)的父类是dd,p也是a父类dd的一个子类,所以是10而不是9

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

一家之煮 提问者

.tag a:nth-child(10)不是.tag下子节点a的第十个吗
2017-01-11 回复 有任何疑惑可以回复我~
#2

一家之煮 提问者

非常感谢!
2017-01-17 回复 有任何疑惑可以回复我~

效果一样,规范而已。

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

一家之煮 提问者

O(∩_∩)O谢谢
2017-01-17 回复 有任何疑惑可以回复我~

不是,p是a父节点的子节点,要算上。

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

举报

0/150
提交
取消
jQuery基础 (一)—样式篇
  • 参与学习       217508    人
  • 解答问题       1218    个

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

进入课程

jQuery相关问题

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