在CSS中,可以使用:even偽類來選擇li元素中的偶數行。這個選擇器可以應用于任何基于列表的HTML元素,如有序列表、無序列表和定義列表。下面是一個例子:
li:nth-child(even) { background-color: #f2f2f2; }
上面的代碼表示選擇li元素中的偶數行,并將它們的背景顏色設置為淺灰色。注意,這里使用的是:nth-child而不是:even偽類,這是因為我們想選擇的是元素的行數而不是它們的奇偶性。
除此之外,還可以使用:first-child和:last-child偽類來選擇列表中的第一個和最后一個元素。示例代碼如下:
li:nth-child(even) { background-color: #f2f2f2; } li:first-child { font-weight: bold; } li:last-child { border-bottom: 1px solid #ddd; }
上面的代碼將偶數行的背景顏色設置為淺灰色,將第一個元素的字體加粗,將最后一個元素的下邊框設置為灰色。這些技巧可以幫助您更好地控制您的列表的樣式。