CSS nth-last-child混乱

Question

当我试图用这个做点什么时，我真的很困惑nth-child ...

我已经弄清楚如何让每个第三帧的边距设置为零！

#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;
}

因为我很无聊。现在，如果你不介意，请帮助我并教我，我怎么能更简单和更好地做到这一点:)

谢谢。

Answer 1

如果您想要最后3个孩子，请使用此

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