如何选择奇数个和第一个li元素

在HTML和CSS中，你可以直接通过索引来选择列表（如`<ul>`）中特定位置的`<li>`元素。如果你想选择所有的奇数索引项以及第一个`<li>`元素，可以这样做：

1. **CSS** (如果每个`<li>`都有唯一ID)
- 对于奇数索引的`<li>`，你可以使用`:nth-child(odd)`伪类：

     ul li:nth-child(2n+1) { /* 第一个奇数项开始，例如li#1, li#3, ... */}

- 对于第一个`<li>`，使用`:first-child`伪类：

     ul li:first-child { /* 第一个 <li> 元素 */}

2. **JavaScript** (如果需要动态处理):
- 使用`querySelectorAll`方法和数组长度来选择奇数索引的`<li>`：

     const oddLiElements = Array.from(document.querySelectorAll('ul > li:nth-child(odd)'));

- 为了选择第一个`<li>`，你可以单独指定它：

     const firstLiElement = document.querySelector('ul > li:first-child');

注意这里的索引是从0开始的，所以奇数索引实际上代表的是第二、第四、第六...等项。