HTML5設置奇數的li

ul li:nth-child(odd) {
background-color: yellow;
}

在HTML5中，可以使用CSS的:nth-child() 偽類來設置奇數的li元素的樣式。例如，使用上面的代碼，我們可以讓所有奇數的li元素擁有一個黃色的背景色。

這個選擇器可以接受一個參數，用于選擇一個列表中的每個元素。在上述代碼中使用了 “odd” 參數，意思是選擇列表中所有奇數位置的元素。

這個選擇器的工作原理是基于li元素在它們所屬的ul或ol列表中的位置。每個li的位置都有一個唯一的數字作為索引，從1開始計數。使用:nth-child(odd)選擇器，所有索引為奇數的li元素將被選中，并應用指定的樣式。

總之，使用HTML5中的nth-child(odd)選擇器，我們可以輕松地設置列表中所有奇數元素的樣式。這是一個非常有用的技巧，可以幫助我們快速、方便地美化列表的樣式。