css - 如何使用第 n 个子表达式设置每一行或列表的最后一个元素的样式

Question

我有一个ul列表，其中每个列表都浮动到左侧，左侧具有width:24%;ul 的全宽，每个列表都有右边距以提供一些空白。

ul.thumbs {
  list-style: none;
  width: 100%;
}
ul.thumbs li {
  display: inline;
  float: left;
  width: 24%;
  margin-right: 1.3%;
  margin-bottom: 15px;
}

.no_rmargin {
  margin-right: 0px !important;
}

在这里，我每次都使用一个类.no_rmargin，每次li动态加载时都很难将其添加到行的最后一个列表中是否有任何子表达式可以应用于这种情况？像nth-child(4n) 我的小提琴

Answer 1

正如你所说，nth-child(4n)将完美地工作。

你会用它ul.thumbs li

ul.thumbs li:nth-child(4n) {
    margin-right:0px;
}

出于示例目的，我更改了样式。

jsFiddle 示例- 我认为这就是您想要的.. 除非我遗漏了一些明显的东西。