css如何設置li不同顏色？

在我們設置HTML網頁時經常會用到li來設置網頁效果，但是使用li設置的效果比較單調，我們可以使用css為li設置不同的顏色來優化網頁效果。

css使用:nth-of-type(n)選擇器設置li隔行變色：
css3隔行變換色
#list1 li:nth-of-type(odd){ background:#00ccff;}奇數行
#list1 li:nth-of-type(even){ background:#ffcc00;}偶數行

1111111

222222222222CSS3隔行換色測試

333333333

44444444

55555555555555

66666666666666666

效果圖：

:nth-of-type(n)選擇器匹配同類型中的第n個同級兄弟元素。
n可以是一個數字，一個關鍵字，或者一個公式。
奇數和偶數是可以作為關鍵字使用用於相匹配的子元素，其索引是奇數或偶數(該索引的第一個子節點是1)。