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

Question

如果我想从第5个点开始选择每个第4个元素,我会这样做:

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

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

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

Answer 1

你可以用 .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 ......