为什么显示不出来
来源:4-12 伪类分类
weixin_慕斯3027614
2019-07-10 20:34:41
html的body里
<body> <p><a href="#Demo1.html">Go to index.html</a></p> <label>请靠近我baby</label> <input type="textarea" name="请靠近我baby"> <textarea rows="5" cols="30"></textarea><br> <label>来嘛来嘛</label><br> <p>我是一个大笨蛋</p> <p>你是一个大笨蛋</p> </body>
css里
p:first-child{/*如果第一个元素是p,则会改变背景颜色,不是p则不会*/ background-color: #f5f5f5; } p:nth-child(2){ background-color: red; } p:last-child{/*也要页面最后一个元素是p才会显示*/ background-color: #5f5f5f; }
为什么nth-child(2)这个显示不出颜色呢?
1回答
同学你好!同学的代码没有问题
第一个和最后一个显示了
第二个没有显示的原因是因为p:nth-child(2)的意思是如果第二个元素为p,才会显示,很明显第二个元素是label。所以没有显示。
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
相似问题