在CSS中,我們可以通過(guò)改變li
標(biāo)簽的color
屬性來(lái)改變列表項(xiàng)的顏色,以下是一些示例代碼:
1、改變所有列表項(xiàng)的顏色:
li { color: red; }
2、改變特定列表項(xiàng)的顏色:
#myList li { color: blue; }
3、改變奇數(shù)或偶數(shù)列表項(xiàng)的顏色:
li:nth-child(odd) { color: green; } li:nth-child(even) { color: orange; }
4、改變特定列表項(xiàng)的顏色(使用類(lèi)):
.my-list-item { color: purple; }
在HTML中,你可以這樣應(yīng)用這些樣式:
1、應(yīng)用全局樣式:
<ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul>
2、應(yīng)用特定列表的顏色:
<ul id="myList"> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul>
3、應(yīng)用奇偶顏色:
<ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> <li>列表項(xiàng)4</li> <li>列表項(xiàng)5</li> </ul>
4、應(yīng)用類(lèi)樣式:
<ul> <li class="my-list-item">列表項(xiàng)1</li> <li class="my-list-item">列表項(xiàng)2</li> <li class="my-list-item">列表項(xiàng)3</li> </ul>