CSS第n-最後孩子的困惑

我與第n個孩子真的很困惑，當我試圖讓這個東西...CSS第n-最後孩子的困惑

我已經想通了，我怎樣才能使每一第三幀有保證金右設置爲零！

#thumbnailWrap .thumbnail:nth-child(3n+3) { 
    margin-right: 0px; 
}

但是我無法想象如何讓最後一個孩子重置margin-bottom回零。

我嘗試，並試圖後來我乾脆鍵入此：

#thumbnailWrap .thumbnail:nth-last-child(1), #thumbnailWrap .thumbnail:nth-last-child(2), #thumbnailWrap .thumbnail:nth-last-child(3) { 
    margin-bottom: 0px; 
}

因爲我覺得無聊。現在，如果你不介意，請幫助我，教我，我怎麼能做到這一點更簡化，更好:)

謝謝。

來源

2012-10-02 dvLden

如果你想在最後的3個孩子，然後用這個

#thumbnailWrap .thumbnail:nth-last-child(-n+3) { 
    margin-bottom: 0px; 
}

來源

2012-10-02 01:39:41 AronVietti

謝謝你的人！正是我想要的。但我不明白這是如何工作的：D 感謝您的正確答案。 – dvLden

'-n'告訴它從底部開始工作，並且+3告訴它做3次。如果你想在倒數第二位開始，你會使用-1n + 3。此外，這些都可以使用奇數和偶數作爲關鍵字！ – AronVietti

@NenaddvL這篇文章可能會幫助你http://css-tricks.com/how-nth-child-works/ –

CSS第n-最後孩子的困惑

回答

相關問題