CSS可定義在元素被點擊時執行的動作。該動作可以是展開菜單、顯示對話框或執行一些JavaScript功能。這些動作是通過使用CSS偽類來實現的。其中最常見的偽類是:hover、:active和:focus。

:hover偽類是當鼠標懸停在元素上時觸發。在:hover偽類的樣式中，通常使用transition屬性來定義鼠標懸停時元素的動畫效果。

button:hover{
background-color: #ff0000;
color: #ffffff;
transition: all 0.5s ease;
}

:active偽類是在元素被激活（即按下鼠標按鈕）時觸發。在這里，我們可以使用box-shadow屬性來定義元素的陰影效果，以模擬按鈕的壓下效果。

button:active{
box-shadow: inset 0 3px 5px rgba(0,0,0,0.5);
}

:focus偽類是在元素獲得焦點時觸發，例如當通過tab鍵瀏覽網頁時。在這里，我們可以使用outline屬性來定義元素的輪廓，以提示用戶當前頁面上哪個元素具有焦點。

input:focus{
outline: 2px solid #ff0000;
}