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