css选择器:first-of-type

<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>