在網頁設計中，列表欄是非常常見的元素之一，而對列表欄進行變色是我們常常需要做的特效。本文將介紹如何使用 CSS 對列表進行變色。

/* 設置無序列表變色 */
ul li:hover {
background-color: #EEE;
}
/* 設置有序列表變色 */
ol li:hover {
background-color: #EEE;
}

上述代碼中，設置了無序列表和有序列表的變色效果，只要鼠標懸停在每個列表項上，就會出現 hover 效果，使得背景顏色變為 #EEE。

除此之外，同樣可以對當前選中的列表項進行樣式設置。比如，想要設置當前選中的列表項的背景顏色為藍色：

/* 設置選中的無序列表項背景顏色 */
ul li.selected {
background-color: blue;
}
/* 設置選中的有序列表項背景顏色 */
ol li.selected {
background-color: blue;
}

上述代碼中，分別對無序列表和有序列表設置了選中項的背景顏色為藍色，只需要在 HTML 中加上class="selected"即可。

總的來說，對于列表欄的變色設置是非常常見，而 CSS 提供的 hover 和選擇器等功能，可以滿足我們對列表欄變色的需求。