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

Question

问题

我们想在上一篇博文中应用一些CSS.问题是div'blog-posts'中的最后一个元素与'blog-post'div的元素类型相同.

我试过了:

• 最后的型
• 最后一个孩子

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