15

有没有办法用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>
4

2 回答 2

32

使用: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");
于 2012-05-17T16:27:50.753 回答
1

nth在css中使用选择器

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

在这里查看更多

于 2012-05-17T16:27:58.640 回答