Question

我有一个ul个列表，其中每个列表都浮动到左侧，其中每个列表的宽度为width:24%;，每个列表都有右边距以给出一些空格。

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) my fiddle

Answer 1

如你所说，nth-child(4n)可以完美运作。

您将在ul.thumbs li

上使用它

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

我为了示例目的更改了样式。

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

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

1 个答案: