风格底部帖子Wordpress

Question

如何将类“bottom-post”添加到我的wordpress blogroll底部的帖子？我需要以不同的方式设计它。 （我不能使用静态ID，因为帖子和帖子总数不断变化）

Answer 1

您可以使用CSS伪类:last-child来选择最后一篇文章。

例如：

.post:last-child
{
    color: red;
}

将我链接到您的博客，我将能够提供一个有效的示例。

Answer 2

您可以使用jQuery向元素添加类：

$(".post:last-child").addClass("bottom-post");

然后风格如此：

.bottom-post {
    /* Different styling */
}

此方法的一个好处（与使用纯css相比）是，这会将类应用于元素，甚至在不支持:last-child css选择器的浏览器上也允许样式化。我在IE6-8上对它进行了测试，并且它在所有这些中都有效。

以下内容解释了为什么在这种情况下:last-child psuedo选择器优先于:last的优先选择：

http://api.jquery.com/last-selector/