为什么显示不出来

来源: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回答

好帮手慕柯南

2019-07-11

同学你好!同学的代码没有问题

  1. 第一个和最后一个显示了

    http://img.mukewang.com/climg/5d26a45d00018ca117540391.jpg

  2. 第二个没有显示的原因是因为p:nth-child(2)的意思是如果第二个元素为p,才会显示,很明显第二个元素是label。所以没有显示。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0
heixin_慕斯3027614
h 谢谢
h019-07-11
共1条回复

0 学习 · 10204 问题

查看课程