在父元素中选择3的元素

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");