改变最近Tumblr帖子的风格

Question

好的，我已经用Google搜索了几个小时而没有运气。我希望你能帮助并感谢你这样做。我正在研究tumblr的网格主题。我希望最新的帖子格式与其他帖子不同。也就是说，我希望它是整页宽度，并具有不同的背景颜色和边框属性。实质上，创建一个不断更新到最新帖子的媒体标题。

类似的例子是Digg.com。他们的顶部帖子是3页整页宽度，其余的“顶部帖子”是3列网格。

我非常适合使用html和css但不能使用js（尚未）。我正在研究的网站是adventuresportlife.tumblr.com

再次感谢您的帮助。

Answer 1

您可以使用:nth-child(1)（CSS3）或:first-child（CSS 2）伪类。在这种情况下，例如：

.masonry-brick:first-child {
    background-color: red;
    border: 2px solid black;
}

您的第一个元素现在已经具有唯一ID，其内嵌样式元素具有自己的CSS规则：

#toppost {
    background-color: white;
    border-bottom: 1px solid green;
    width: auto;
}

编辑：请注意，IE7和IE8支持CSS2伪类，而CSS3伪类不支持（源：caniuse.com）。由于:first-child完成了这项工作，因此坚持使用它以获得最大兼容性可能是明智的。