在 HTML 中,我們可以使用<ol>
或<ul>
元素來創(chuàng)建有序或無序列表。每個列表項需要用<li>
元素來表示。
如果你想要為列表中的奇數(shù)行應(yīng)用特殊的樣式,可以使用 CSS。一種方法是使用偽類:nth-child(odd)
,它可選擇列表中的奇數(shù)項。下面是一個例子:
<style>
li:nth-child(odd) {
background-color: lightgray;
color: white;
}
</style>
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
<li>第四項</li>
<li>第五項</li>
<li>第六項</li>
</ul>
上面的 CSS 代碼為列表中的奇數(shù)行設(shè)置了灰色背景和白色字體顏色。
如果你想要為所有列表的奇數(shù)項設(shè)置樣式,而不是只針對一個列表,可以使用 CSS 的通用選擇器*
,如下所示:
<style>
*:nth-child(odd) {
background-color: lightgray;
color: white;
}
</style>
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
<li>第四項</li>
<li>第五項</li>
<li>第六項</li>
</ul>
<ol>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
<li>第四項</li>
<li>第五項</li>
<li>第六項</li>
</ol>
上面的 CSS 代碼將為所有列表的奇數(shù)行設(shè)置灰色背景和白色字體顏色。