CSS中的ul li是常用的列表樣式，使用時也常常需要為其添加點擊事件，以實現一些交互效果。下面就來看一下如何使用CSS實現ul li的點擊事件。

ul li{
cursor:pointer;
}
ul li:hover{
background-color:#eee;
}
ul li.active{
background-color:#ddd;
}

以上是添加點擊樣式的基本CSS代碼，其中cursor屬性用來指定鼠標懸浮時的樣式，hover偽類用來指定鼠標懸浮在li元素上的樣式，active類則是用于指向當前選中的li元素的樣式。

$(function(){
$('ul li').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});
});

以上是jQuery代碼，用于實現點擊事件。

在點擊時，jQuery會將當前點擊的li元素添加一個active類，同時將其兄弟元素的active類去掉，從而實現對當前選中li元素的高亮顯示。接下來就可以通過對active類的樣式設置來實現更豐富的效果了。

總結來說，CSS ul li的點擊事件需要使用到hover偽類和active類，而實現這些樣式交互效果則需要使用jQuery來完成。不過，如果你想更加深入地了解CSS的相關知識，還需要對CSS選擇器、偽類、類和id等常見屬性有所了解，以便更好地運用CSS實現頁面的設計。