css - 使用 nth-child 减少最后 4 个容器

Question

我的主页上列出了很多产品，我使用第 nth-child 元素定位最后 4 个以将底部边距减少到 0 但似乎不起作用，以为它是第 nth- child(5), nth-child(6) 等

直播网址 ( http://bit.ly/1gwfpNF )

这是一个片段

#layout #categories .box-1:nth-child(5) { margin-bottom: 0px; }
#layout #categories .box-1:nth-child(6) { margin-bottom: 0px; }
#layout #categories .box-1:nth-child(7) { margin-bottom: 0px; }
#layout #categories .box-1:nth-child(8) { margin-bottom: 0px; }

Answer 1

就像我昨天学到的，你可以这样做:

#layout #categories a:nth-last-of-type(-n+4) .box-1 {
    margin-bottom: 0;
}

nth-child 在父项内部计数，因此当您寻找 .box 的 nth-child 时，它将在你的情况下永远只有一个 child 。