當你瀏覽網頁時，你可能會注意到有些文字、鏈接或按鈕在被點擊后會變成藍色。這是因為這些元素使用了CSS中的偽類選擇器

:active

。

當用戶點擊一個元素時，它會被標記為“激活狀態”，并且CSS樣式將更改為指定的激活狀態樣式。通常，激活狀態的樣式是使元素看起來像是已被點擊了一次的樣式，例如一個藍色背景色。

.button:active {
background-color: blue;
border: 1px solid blue;
color: white;
}

在這個示例中，我們為一個按鈕元素添加了CSS規則，使其在被點擊時變成藍色。我們使用

.button:active

偽類選擇器來定義元素的激活狀態樣式。我們還改變了按鈕的邊框和文字顏色，以使其看起來更為醒目。

:active

偽類不僅適用于按鈕元素，還適用于所有可點擊的HTML元素，例如鏈接和復選框。可以在樣式表中使用這個偽類選擇器，以便為用戶提供可視化反饋，告訴他們哪些元素確實已被點擊。這是提高用戶體驗的重要因素之一。