css:nth-​​child(x + x):nth-​​child(x + x)和边距

时间:2016-01-18 21:01:47

标签: css css-selectors

我正在尝试存档可能无法实现的内容。

我有30个(6行x 5列)项目,所有项目都有边距:5px。这开始很好。

从第14项开始,我需要给出一个余量:每6个项目0:nth-​​child(x + x)所以这一切都很合适。

这是否可能,我尝试了一些组合,但无法使其发挥作用。

:nth-child(n+x):nth-child(-n+x) {
    margin-right: 0;
}

因此,简而言之,这就是我所需要的:

1-13 5px, 14有0, 15-19 5px, 20有0, 21-25 5px, 26有0, 等等,我希望它是无限的,因为会有一个ajax加载更多功能。

提前致谢:)

1 个答案:

答案 0 :(得分:0)

这就是你需要的:

item {
  margin-right: 5px;
}
item:nth-child(6n+14) {
  margin-right: 0;
}