当前位置 : 主页 > 网页制作 > css >

css – 从第5个点开始选择每个奇数元素

来源:互联网 收集:自由互联 发布时间:2021-06-13
如果我想从第5个点开始选择每个第4个元素,我会这样做: .elem:nth-child(4n+5) { //something} 但是如何从第5点开始为每个奇数元素做到这一点?此语法不起作用: .elem:nth-child(:oddn+5) { //someth
如果我想从第5个点开始选择每个第4个元素,我会这样做:

.elem:nth-child(4n+5) {
    //something
}

但是如何从第5点开始为每个奇数元素做到这一点?此语法不起作用:

.elem:nth-child(:oddn+5) {
    //something
}
你可以使用.elem:nth-​​child(2n 5)

li:nth-child(2n+5) {
  color: red
}
<ol>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ol>

2n将选择每个其他元素,5作为偏移量.所以当n从零开始,你得到5,7,9,11 ……

网友评论