HTML中的元素可以被激活并且呈現為不同的狀態。這些狀態包括:鼠標懸停,被選中,被訪問,以及焦點。通過設置CSS樣式,開發者可以自定義這些狀態下元素的外觀。
a:hover { color: red; } a:active { color: blue; } input:focus { background-color: #f5f5f5; }
在上面的代碼中,我們使用偽類選擇器為標簽定義了鼠標懸停和被選中狀態下的顏色。當鼠標懸停在鏈接上時,文字將變為紅色。當鏈接被點擊后,文字將變為藍色。
對于輸入框,我們使用:focus偽類選擇器,為獲取焦點時定義了背景顏色。用戶點擊輸入框并開始輸入時,背景顏色將變為#f5f5f5。
通過設置元素被激活狀態下的樣式,網站的交互性和美觀性都可以得到提升。
上一篇vue 3生命周期面試題
下一篇html字間距怎么設置