CSS3是當前最先進的CSS版本，其中有很多新的特性可以讓我們的網頁更加豐富和美觀。今天我們來學習CSS3的一個特性——點擊li變色。

<!--這是HTML代碼-->
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
<li>列表項4</li>
</ul>

我們可以使用CSS3中的:focus偽類，當我們點擊列表項的時候，它會添加一個:focus狀態，并且我們可以通過給:focus狀態添加樣式來實現點擊變色的效果。

<!--這是CSS代碼-->
li:focus {
background-color: #f5f5f5;
color: #333;
}

上面的代碼中，我們為列表項添加了一個:focus狀態，然后指定了背景色和字體顏色，當我們點擊列表項的時候，它就會變成我們設置的顏色。

這就是CSS3點擊li變色的方法，希望對你有所幫助。