HTML中的元素可以被激活并且呈現(xiàn)為不同的狀態(tài)。這些狀態(tài)包括:鼠標(biāo)懸停,被選中,被訪問,以及焦點。通過設(shè)置CSS樣式,開發(fā)者可以自定義這些狀態(tài)下元素的外觀。
a:hover { color: red; } a:active { color: blue; } input:focus { background-color: #f5f5f5; }
在上面的代碼中,我們使用偽類選擇器為標(biāo)簽定義了鼠標(biāo)懸停和被選中狀態(tài)下的顏色。當(dāng)鼠標(biāo)懸停在鏈接上時,文字將變?yōu)榧t色。當(dāng)鏈接被點擊后,文字將變?yōu)樗{色。
對于輸入框,我們使用:focus偽類選擇器,為獲取焦點時定義了背景顏色。用戶點擊輸入框并開始輸入時,背景顏色將變?yōu)?f5f5f5。
通過設(shè)置元素被激活狀態(tài)下的樣式,網(wǎng)站的交互性和美觀性都可以得到提升。