html - 使用 nth-child() 进行高级元素选择

Question

nth-child 选择有点问题。我需要获取下一系列数字以应用样式:

3,4,7,8,11,12,15,16,....

我的解决方案是使用两个 css 规则:

.info div:nth-of-type(4n+4),
.info div:nth-of-type(4n-1)

但我想知道是否可以只使用一个选择器。

Answer 1

是的，你可以使用

div:not(:nth-child(4n+1)):not(:nth-child(4n+2))

但我认为原始版本更具可读性。