.post p:last-child和.post :last-child的區(qū)別
不明白的 .post p:last-child和.post :last-child有什么區(qū)別，效果不都是一樣的嗎
慕萊塢9334362
2018-09-04
1 回答
舉報(bào)
0/150
提交
取消
2018-09-05
:last-child (選擇父元素的最后一個(gè)子元素)
??<style>
???.post:last-child{/*有效，標(biāo)簽里所有元素*/
????color:pink;
???}
???.post div:last-child{/*如果最后一個(gè)標(biāo)簽是<div>的時(shí)候，它就有效*/
?????color:blue;
???}
???.post p:last-child{/*如果最后一個(gè)標(biāo)簽是<p>的時(shí)候，它就有效*/
?????color: red;
???}
???.post a:last-child{
??? ?color: orange;/*如果最后一個(gè)標(biāo)簽是<a>的時(shí)候，它就有效*/
???}
</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><!--現(xiàn)在這里就是最后一個(gè)標(biāo)簽 是div標(biāo)簽，字體會(huì)變成藍(lán)色-->
???? <!--<a>我是插班生</a>-->
???</div>
??
?</body>