nth-child(2n - 1)

:nth-child(2n - 1)选择器用于选择父元素的第奇数个子元素。下面是一个示例：

<style>
ul li:nth-child(2n - 1) {
  color: pink;
}
</style>

<ul>
  <li>第一个标签</li>
  <li>第二个标签</li>
  <li>第三个标签</li>
  <li>第四个标签</li>
  <li>第五个标签</li>
</ul>

在上面的示例中，我们使用了:nth-child(2n - 1)选择器来选择ul元素下的奇数个li子元素，并将它们的颜色设置为粉色。这意味着第一个、第三和第五个标签将被着色为粉色。

相关问题

:nth-child(2n-1)

:nth-child(2n-1) 是 CSS 选择器的一种，用于选取 HTML 元素集合中的奇数子元素。这里的 "n" 是一个数字，当元素是第 1 个、第 3 个、第 5 个（以此类推）子元素时，该规则会匹配。具体来说：

1. 当 n 为偶数时，2n-1 会变为奇数，所以它会选择奇数位置的元素，如第一个、第三个、第五个等。
2. 如果 n 为奇数，2n-1 仍然是奇数，所以选择器依然适用于奇数位置的元素。

例如，如果你有一个无序列表（ul），并且想要选中其中的所有奇数列表项（li），你可以使用 `.list li:nth-child(2n-1)` 选择器。

:nth-child(2n+1)

":nth-child(2n 1)"是一个CSS选择器的语法，用于选取父元素下所有奇数位置的子元素。具体地说，它选取了父元素下所有位置为奇数的子元素，并可以为这些子元素应用样式属性。 [2<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【css选择器】nth-child()的相关用法](https://blog.csdn.net/weixin_43797577/article/details/124767445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [CSS3 伪类选择器 :nth-child()](https://blog.csdn.net/weixin_32801895/article/details/119399343)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]