CSS獲取單數li

在HTML中，每個<li>元素都可以被設置為一個唯一的列表項。如果我們想要獲取列表中的單數，我們可以使用CSS的`:even`和`:first-child`屬性來獲取。

下面是一個示例代碼：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li class="even">Item 4</li>

<li>Item 5</li>

</ul>

在這個示例中，我們使用`:even`屬性來將第二個<li>元素設置為一個單數，使用`:first-child`屬性來將第三個<li>元素設置為一個單數。

```css

.even {

font-weight: bold;

li:even {

counter-reset: count;

margin-right: 10px;

li:first-child:even {

counter-increment: count;

margin-right: 10px;

在上面的代碼中，我們使用`counter-reset`屬性來重置每個<li>元素計數器，使用`margin-right`屬性來設置計數器值右側的邊距為10px。最后，我們使用`:first-child`屬性來將第三個<li>元素設置為一個單數，并使用`counter-increment`屬性來增加計數器值。

當我們運行這段代碼時，我們將看到以下樣式：

```css

.even {

font-weight: bold;

li:even {

counter-reset: count;

margin-right: 10px;

li:first-child:even {

counter-increment: count;

margin-right: 10px;

在這個示例中，第二個<li>元素是單數，第三個<li>元素是雙數，而第四個<li>元素是偶數。