css选择器:first-of-type

来源:互联网 发布:淘宝和天猫哪个假货多 编辑:程序博客网 时间:2024/05/16 10:23
<div class="box1">box1    <span>span</span>    <div class="box">box</div>    <div class="big">big        <p class="big">aaa</p>        <p class="p">bbb</p>        <p class="big">ccc</p>        <p class="p">ddd</p>    </div></div><style>    /*只有<div class="box">box</div>被选中选择 选择div.box1下的div元素中的第一个div元素*/    div.box1 div:first-of-type{        color:red;    }    /*只有<p class="big">aaa</p>被选中 选择div.box1下的第一个具有big类的div元素,该元素必须是父级元素下的第一个子元素*/    div.box1 .big:first-of-type{        color:blue;    }</style>
0 0