0

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

例如,

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

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

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

多谢你们!

4

2 回答 2

2

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

于 2013-07-14T17:40:41.243 回答
1

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

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

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

于 2013-07-14T17:36:51.080 回答