CSS教程

CSS 选择器 :nth-child(n)

本文主要是介绍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

这篇关于CSS 选择器 :nth-child(n)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!