将css应用于特定类的最后一个元素

Question

问题

我们想在上一篇博文中应用一些CSS。问题是div博客帖子中的最后一个元素是＆＃39;与＆＃39;博客帖子相同的元素类型＆＃39; DIV＆＃39; S

我试过了：

• 最后的型
• 最后子

HTML

<div class="blog-posts">
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="blog-post"></div>
    <div class="f03-456245"></div>
</div>

CSS

.blog-post:last-child{
  //do some css
}

Answer 1

使用.class的最后一个元素是不可能的。在您的情况下，您可以使用nth-last-child属性。

 .blog-posts div:nth-last-child(2) {
   background: #ff0000;
 }

DEMO

Answer 2

您可能必须这样做：

.blog-posts div:last-child{
  //do some css
}

假设div是元素。它适用于任何其他元素类型p，span等...