CSS 中，我們可以使用on來表示某一元素處于激活狀態。這里介紹幾種設置元素on狀態的方法。

// 設置鼠標懸停時的樣式
:hover {
/* ... */
on: hover;
}
// 設置元素被點擊時的樣式
:active {
/* ... */
on: active;
}
// 設置選中元素時的樣式
:focus {
/* ... */
on: focus;
}
// 設置元素被禁用時的樣式
:disabled {
/* ... */
on: disabled;
}

上述代碼中，我們使用了偽類選擇器來為不同的狀態設置樣式。除了常用的幾種狀態外，還可以使用 JavaScript 動態修改元素的狀態，并通過 CSS 來設置相應的樣式。