更改最近的Tumblr文章的样式

Question

好吧，我已经用这个搜索了几个小时，没有运气。我希望你能帮助并感激你这样做。我正在研究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; 
} 

编辑：要知道，虽然，那CSS2在IE7和IE8中支持伪类，而CSS3伪类不支持（源：caniuse.com）。由于:first-child可以完成这项工作，因此最好保持兼容性可能是明智之举。