Question

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

例如，

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

我想瞄准第4，第7，第10等，除了第1个。

如果有更好的方法，请告诉我。

谢谢你们！

Answer 1

您可以使用组合选择器:not(nth-child(1)):nth-child(3n+1)，但使用与您希望匹配的子项匹配的参数:nth-child更简单，更简单，在本例中为:nth-child(3n+4)。< / p>

Answer 2

你在nth-child之前错过了冒号：

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