更改最近的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可以完成這項工作，因此最好保持兼容性可能是明智之舉。