css - 如何选择第 1、4、7 等元素？

Question

我如何选择第 1、4、7 个元素等等？!还有如何选择第3、6、9等？

模式是选择和元素然后留下两个并选择第三个。我知道我应该使用 :nth-child，但我不知 Prop 体怎么做。

Answer 1

要设置第一个、第四个、第七个(等等)元素的样式，最简单的方法是使用 CSS，使用以下代码(我假设您正在使用 li 元素，但显然要适应您的用例):

ul {
    counter-reset: lis;
}

li::after {
    counter-increment: lis;
    content: counter(lis, decimal);
}

li:nth-child(3n+1) {
    background-color: #f90;
}

JS Fiddle demo .

引用资料:

• CSS selectors .
• :nth-child() .