更改最近 Tumblr 帖子的样式

【问题标题】：Change style of most recent Tumblr post更改最近 Tumblr 帖子的样式
【发布时间】：2013-02-12 03:56:06
【问题描述】：

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

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

我对 html 和 css 非常胜任，但对 js 还没有（还）。我正在开发的网站是 Adventuresportlife.tumblr.com

再次感谢您的帮助。

【问题讨论】：

【解决方案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 完成了这项工作，因此最好坚持使用它以获得最大的兼容性。

【讨论】：