CSS樣式中的li奇偶指的是對列表中的每一個li元素進行分組,分別設置不同顏色或者其他樣式,以便更好的區分每一組元素。
/* 對偶數元素設置不同背景顏色 */ li:nth-child(even) { background-color: #f2f2f2; } /* 對奇數元素設置不同背景顏色 */ li:nth-child(odd) { background-color: #ffffff; }
在上面的代碼中,用nth-child選擇器選中偶數(even)或奇數(odd)的li元素,然后設置不同的背景顏色。
除了背景顏色,我們還可以對奇偶元素設置不同的邊框、文字顏色、字體大小等樣式。
/* 對奇數元素設置藍色邊框 */ li:nth-child(odd) { border: 1px solid blue; } /* 對偶數元素設置紅色文字 */ li:nth-child(even) { color: red; }
使用li奇偶樣式可以增強網頁的可讀性和美觀度,同時也提高了可訪問性。
總的來說,li奇偶樣式是CSS中常用的樣式之一,值得我們掌握和使用。