css3 - 关于nth:child(2)的问题

查看：140 发布时间：2017/9/6 0:50:34

本文介绍了css3 - 关于nth:child(2)的问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

<style> 
:nth-child(2)
{
background:#ff0000;
}
</style>
<body>

<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>

</body>

为什么全屏都会变成红色，不是应该只有第二个p的背景颜色才变红吗

解决方案

你落下 p

p:nth-child(2)
{
background:#ff0000;
}

这篇关于css3 - 关于nth:child(2)的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文