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