CSS獲取li奇數

HTML中，li元素是一個列表項元素，通常用于表示各種列表，如產品列表、文章列表等。li元素本身是一個固定寬度的邊框，而每個子元素又是一個固定寬度的內邊距。

在CSS中，我們可以使用list-style-type和list-style-position屬性來設置li元素的列表樣式。其中，list-style-type屬性可以設置li元素后面的列表項的字體樣式和對齊方式，而list-style-position屬性則可以設置li元素后面的列表項的內邊距位置。

下面，我們將演示如何使用list-style-position屬性來獲取li奇數的列表樣式：

```html

<li style="list-style-type:Bullet;list-style-position: outside;">

第一個li元素

</li>

<li style="list-style-type:Bullet;list-style-position: inside;">

第二個li元素

</li>

<li style="list-style-type: none;list-style-position: outside;">

第三個li元素

</li>

</ul>

在上面的代碼中，我們使用了兩個list-style-position屬性，第一個用于設置li元素后面的列表項的字體樣式和對齊方式，第二個用于設置li元素后面的列表項的內邊距位置。我們使用 outside 和 inside 這兩個值來分別設置li元素后面的列表項的字體樣式和內邊距位置。

當我們將上述代碼保存為一個HTML文件，并在瀏覽器中打開時，我們可以看到以下效果：

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

在這個例子中，我們可以看到每個li元素后面的列表項都是一顆小星星，而第一個和第三個li元素后面的列表項的內邊距都是空的。而第二個li元素后面的列表項的字體樣式是“Bullet”，而內邊距位置是外部。

通過使用list-style-position屬性，我們可以輕松地獲取li奇數的列表樣式，而無需手動設置每個子元素的內邊距位置。