CSS中的li選中效果非常常見。通過CSS的樣式定義，當用戶在頁面中點擊或者鼠標懸停在列表項（li）上，就能夠觸發選中效果的顯示。下面我們就來看一看如何實現li選中的樣式效果。

li:hover {
background-color: #ddd;
color: #333;
}

實現選中效果需要用到:hover選擇器。通過該選擇器，我們可以在用戶鼠標滑過時觸發選中效果的樣式定義。在上述代碼中，我們定義了當鼠標懸停在li元素上時的選中效果的樣式，包括背景色和字體顏色的改變。

除了:hover選擇器之外，CSS還提供了其他種類的選中效果。比如，我們可以在li元素的class屬性中加入selected來表示該選項被選中。然后就可以利用CSS的.class選擇器，定義selected類的樣式，如下所示：

li.selected {
background-color: #333;
color: #fff;
}

在實際應用中，我們可以通過JS腳本在用戶點擊li元素時，利用classList API給該元素加上selected類。然后，選中效果就能夠隨之顯示出來。