CSS中的偽類是一種非常強大的工具，可以讓我們在不使用JavaScript的情況下實現很多有趣的效果。其中，最常用的就是點擊偽類（:hover）。

button:hover {
background-color: #f5f5f5;
color: #000;
}

上面的代碼表示當我們鼠標懸停在button標簽上時，它的背景色會變成#f5f5f5，字體顏色變成黑色。

除了:hover之外，CSS還支持其他一些點擊偽類，比如:active（當元素被點擊時）:

button:active {
box-shadow: 1px 1px 3px #888888;
}

上面的代碼表示當我們點擊button標簽時，它會有一個陰影效果，使得它看起來更加立體。

最后，不要忘記為你的點擊偽類設置transition動畫，這樣它們才會更加平滑和自然！

button {
transition: all .2s ease-in-out;
}

上面的代碼表示當button標簽被觸發的時候，所有的CSS變化會有一個.2秒的漸變過程，這會使得我們的點擊偽類更加有動態感。