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

标签 css css-selectors modulo

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

nth-child(4n+2)

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

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

最佳答案

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

nth-child(kn)

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

nth-child(3n)

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

nth-child(kn+offset)

关于css - 带有模(或模)运算符的第 n 个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6127814/

相关文章:

javascript - 如何使用js查询Polymer中的shadow dom元素?

android - 自定义单选按钮图像未填充空间

html - 是否可以在 div 标签中添加占位符

html - 使用纯 css 单击复选框时关闭 div

css - 为什么菜单项颜色没有改变但背景是?

python - 如何使用面向异常的 text() 定位元素(selenium + python)?

java - 我如何使用 Jsoup 获取此文本?

javascript - 如何使用模优化函数?

c++ - 随机数生成的快速模数替换是什么?

Java 逆模 2**64