tumblr - 有没有办法将“last”类动态添加到出现在 Tumblr 标签页面中的最后一篇文章中？

Question

我想知道是否可以在出现在 tumblr 标签页面中的最后一篇文章中添加一个“last”类，以便能够在 css 中对其进行自定义？

目标如下：假设某个标签有 3 个帖子，所以当我在该标签页面中导航时，会出现 3 个帖子，一个在另一个之下。我希望前两个由位于每个帖子正文底部的线分隔，但页面底部的最后一个不应在其底部有分隔线，所以我想我需要一个特定的类发布，因为它是最后一个。

谢谢你。

Answer 1

根据我的评论，您可以通过简单地使用 css 选择器:last-of-type或:nth-child(last)

这是一个例子。

HTML：

<div id="posts">
    <div class="post">
        Post 1
    </div>
    <div class="post">
        Post 2
    </div>
    <div class="post">
        Post 3
    </div>
</div>

CSS：

#posts .post {
    margin-bottom: 20px;
    border-bottom: 2px solid #444;
}
#posts .post:last-of-type {
    background-color: orange;
    border-bottom: none;
}

这里有一个jsfiddle：https ://jsfiddle.net/lharby/39ap851L/

所以每个帖子项目都会有一个边框底部，但是对于最后一个类型的帖子，我们用border-bottom: none