css - 带有模(或模)运算符的第 n 个 child

Question

是否可以将 nth-child 与模一起使用？我知道你可以指定一个公式，比如

nth-child(4n+2)

但我似乎找不到是否有模运算符。我已经尝试了以下示例，但似乎都不起作用:

nth-child(n%7)
nth-child(n % 7)
nth-child(n mod 7)

Answer 1

如果你想使用 nth-child 和模 k，只需指定:

nth-child(kn)

例如，如果要为 3, 6, 9, .. 元素指定样式，只需指定 (k = 3)，然后使用:

nth-child(3n)

您还可以指定一个偏移量:

nth-child(kn+offset)