css - 选择父元素中 3 的倍数的元素

标签 css css-selectors

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

最佳答案

使用: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");

关于css - 选择父元素中 3 的倍数的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10639587/

相关文章:

css - 在jsp/html中用内联变量覆盖较少的变量属性/值

javascript - IE6 Javascript ClassName 改变显示

javascript - Selenium (Java): Retrieve value from disabled input text field

java - 如何在 JSoup 中使用 CSS 选择器来选择包含图像的所有元素,包括 data-src(HTML5 数据集)属性中的元素?

java - 使用 NIO 套接字时的读写注册策略

html - 无法实现颜色超过图像效果

javascript - 当取决于屏幕分辨率时,如何计算每行显示的 div 数量

JQuery 选择器帮助

css - nth-child 的问题 - 它确实计算所有 div 而不是某个类的 div

javascript - 如何使用 CSS 将 JS 对象转换为 HTML 和样式