CSS 选择器 :nth-child(n)

:nth-child(n) : 选中某个父元素中第n个子元素
p:nth-child(n) : 选中p标签，并且该p标签是某个父元素中第n个子标签

如下：p:nth-child(1) 会选中d第二个div中的第一个p标签，因为第一个div中的第一个子元素不是p标签

<style>
    p:nth-child(1){
        color:red
    }        
</style>
<div style="border:1px solid">
    <span>div span中第一个段落。</span>
    <p>div 中第一个段落。</p>
    <p>div 中的最后一个段落。</p>
</div><br>
 
<div style="border:1px solid">
    <p>另一个 div 中第一个段落。</p>
    <p>另一个 div 中的最后一个段落。</p>
</div>

https://blog.csdn.net/forest_fire/article/details/79279537