CSS在網頁開發中，不僅僅局限于設置樣式，它也能實現動態效果。其中，點擊事件是常用的一種實現方式，下面就來介紹一下CSS點擊后更新樣式的實現方法。

button {
background-color: blue;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
transition: background-color 0.5s ease;
}
button:hover,
button:focus {
background-color: green;
}

以上代碼展示了一個簡單的按鈕樣式，當鼠標經過或者聚焦到按鈕上時，按鈕的背景色會有一個漸變效果，從藍色變成綠色。

但是，這個按鈕樣式只有在鼠標懸浮或者聚焦時才生效，如果希望點擊按鈕后也可以更新樣式，就需要使用一些JavaScript來實現。

button.addEventListener("click", function() {
this.style.backgroundColor = "red";
this.style.color = "black";
});

以上代碼通過addEventListener方法，給按鈕添加一個點擊事件監聽器。當用戶點擊按鈕時，就會觸發這個監聽器，然后對按鈕的樣式進行更改，將背景色更改為紅色，文字顏色更改為黑色。

通過CSS和JavaScript結合實現點擊后實時更新樣式的效果，可以讓網頁更加生動有趣，給用戶帶來更好的體驗。