.post p:last-child和.post :last-child的区别
来源：6-7 CSS3 结构性伪类选择器—last-child
慕莱坞9334362
2018-09-04 16:01
不明白的 .post p:last-child和.post :last-child有什么区别，效果不都是一样的吗
写回答
关注
1回答
-
- 小鲨鱼e
- 2018-09-05 11:30:47
:last-child (选择父元素的最后一个子元素)
<style>
.post:last-child{/*有效，标签里所有元素*/
color:pink;
}
.post div:last-child{/*如果最后一个标签是<div>的时候，它就有效*/color:blue;
}
.post p:last-child{/*如果最后一个标签是<p>的时候，它就有效*/color: red;
}
.post a:last-child{
color: orange;/*如果最后一个标签是<a>的时候，它就有效*/
}
</style>
</head>
<body>
<div class="post">
<p>我是p-1</p>
<p>我是p-2</p>
<p>我是p-3</p>
<div>我是div-1</div>
<p>我是p-4</p>
<p>我是p-5</p>
<div>我是div-2</div><!--现在这里就是最后一个标签 是div标签，字体会变成蓝色-->
<!--<a>我是插班生</a>-->
</div>
</body>
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242556 学习 · 2623 问题
相似问题