u013713961
虚空之心
2021-04-12 15:31
采纳率: 100%
浏览 53

css关于伪类选择器last-child

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			p:last-child{
				background-color: #FF0000;
			}
		</style>
	</head>
	<body>
		<p>33333333333333</p>
		<div>
			<div>
				<p>1</p>
				<p>2</p>
			</div>
			<div>
				<p>11</p>
			</div>
			<div>
				<p>22</p>
			</div>
		</div>
		<div>
			<div>
				123123
			</div>
			<div>
				123123
			</div>
		</div>
		<p>33333333333333</p>
	</body>
</html>

想问一下各位大佬,为什么我这么写,最后一个p标签那个3333333没有变色,last-child不是选择p标签的父元素,只要他的最后一个子元素是p就可以选择这个p吗?2,11,22变色了我都可以理解但是这个33333的父不是body吗,body的最后一个子元素也是p啊,为什么这个33333不变色呢

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • technologist_16
    已采纳

    代码没问题,body的最后一个子元素p变红了

    你保存代码后重新再测试下看看

    点赞 评论
  • whs_119
    whs_119 2021-04-12 15:45

    变色了呀

    点赞 1 评论
  • software7503

    这样写不行把,可以设置一个id,或者用jquery子类的

    点赞 评论
  • weixin_44058725

    p:last:child的意思是p元素下最后一个元素

    点赞 评论
  • QA_Assistant
    有问必答小助手 2021-04-12 16:28

    您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    点赞 评论

相关推荐