今天要講的是關于CSS中的li點擊樣式。在網站開發中，經常會需要點擊一個列表項時出現特定的樣式，以便用戶了解當前所在頁面的位置。那么該如何實現呢？ 首先，我們可以使用CSS的hover來實現鼠標懸停時的效果。如下所示：

ul li:hover {
background-color: #ccc;
color: #fff;
}

這樣當鼠標懸停在列表項上時，會有背景色和文字顏色的變化。 但是，當我們點擊該列表項后，樣式又回歸原來的狀態了。這時候我們需要使用一些其他的技巧來實現點擊后的效果。 下面我們來介紹一種使用偽類的方法。這個偽類就是:active。當用戶點擊一個元素但沒有松開鼠標時，該元素就處于:active狀態。我們可以利用這個特性來實現點擊后的樣式效果。 下面是css代碼：

ul li:active {
background-color: #ccc;
color: #fff;
}

使用以上代碼，當用戶點擊某一個列表項時，它就會出現背景色和文字顏色的變化，直到用戶把鼠標松開為止。這種方法非常簡單高效，可以快速實現列表項的點擊樣式。 總之，在網站開發中，有時需要為列表項添加點擊樣式，以便用戶更好地理解頁面結構。CSS中提供了很多方便的方法來實現這個效果，我們只需要根據需求選擇最合適的方法即可。