两个:first-child

两个:first-child

div:first-child{
    color:#f00;
}
section:first-child{
    color:#0f0;
}


<div>
        <div>0-1</div>
        <div>0-2</div>
        <div>0-3</div>
    </div>
    <section>
        <div>1-1</div>
        <div>1-2</div>
        <div>1-3</div>
    </section>
    <section>
        <div>2-1</div>
        <div>2-2</div>
        <div>2-3</div>
    </section>
    
    先设置了div:first-child后
    再设置section:first-child没效果,什么原因呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
小丸子爱吃菜 2017-07-02 19:03:17

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。section的父元素是body,而body的第一个子元素不是section,是div,你把下面这个div去掉再看看效果。

<div>

        <div>0-1</div>

        <div>0-2</div>

        <div>0-3</div>

 </div>

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师