Question

有没有办法选择css，在父元素中具有索引倍数为6的元素？

例如，在这种情况下，我想只选择3的多个：

<div>
    <p></p>
    <p></p>
    <p></p> <!--to select -->
    <p></p>
    <p></p>
    <p></p> <!--to select -->
    <p></p>
    <p></p>
    <p></p> <!--to select -->
</div>

Answer 1

使用:nth-child(n)：

p:nth-child(3n) {
  background: red
}

演示：http://jsbin.com/azehum/4/edit

此方法适用于IE9 +（来源：caniuse.com）。如果您需要在较旧的浏览器中提供支持，可以使用jQuery选择元素并为其添加类：

$("p:nth-child(3n)").addClass("redbg");

Answer 2

使用css中的nth选择器

p:nth-child(6n) {/*css here*/}

see more here

在父元素中选择3的元素

2 个答案: