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不变色呢

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

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

变色了呀

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

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

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

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

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