.post p:last-child和.post :last-child的區別

不明白的 .post p:last-child和.post :last-child有什么區別，效果不都是一樣的嗎

慕萊塢9334362

2018-09-04

源自：十天精通CSS3 6-7

關注問題我要回答

2045

操作

收起

1 回答

小鯊魚e 回答被采納 +2 積分
2018-09-05

: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>
??
?</body>