css - 选择列表中的第 6 个元素,从第 8 个元素开始

标签 css css-selectors

我创建了一个列表,我想从第 8 个元素开始选择每第 6 个元素。 是否可以使用 nth-child,是否有单独使用 css 的 hack?

最佳答案

使用 :nth-child(6n+8)(这不是hack,而是一个常规功能)。

进一步阅读:How nth-child Works


它的工作方式示例:

n = k;    (6 * k) + 8 = 6k + 8
n = 0;    (6 * 0) + 8 = 8
n = 1;    (6 * 1) + 8 = 14
n = 2;    (6 * 2) + 8 = 20

关于css - 选择列表中的第 6 个元素,从第 8 个元素开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18653663/

相关文章:

html - 是否只有第一个直接子级的 CSS 选择器?

css - 冲突的悬停伪类

html - CSS :first-child unexpected result when element has another element before

html - 是否可以针对选择了特定选项的 <select> ?

html - 设计有问题(布局未采用可用宽度)

javascript - 有条件地改变 fontFamily

html - 如何更改箭头的颜色?

使用 .live 帮助 jquery 将鼠标悬停在表行上

javascript - 单击菜单按钮切换 Logo 图像

css - 使用CSS选择dom元素选择包含大于X的数字的类名