css - 超过 N 分之一的孩子

Question

我可以为一个班级使用超过一个 nth-child selctor 吗？

例如，

.span4:not(nth-child(1)):nth-child(3n+1) {
  background-color: red
}

我想定位第 4、第 7、第 10 等等，除了第一个。

如果有更好的方法可以做到这一点，请告诉我。

多谢你们！

Answer 1

您可以使用组合选择器，但在这种情况下，使用与您希望匹配的子项匹配的参数:not(nth-child(1)):nth-child(3n+1)会更容易和更简单。:nth-child:nth-child(3n+4)

Answer 2

您之前缺少一个冒号nth-child：

           |
.span4:not(:nth-child(1)):nth-child(3n+1) {
    background-color: red
}

这是小提琴：http: //jsfiddle.net/7hcY2/