A.on 是 CSS 中的一個(gè)偽類。在 HTML 層次結(jié)構(gòu)中,當(dāng)一個(gè)超鏈接被點(diǎn)擊或激活時(shí),可以使用 A 標(biāo)簽來(lái)添加鏈接。當(dāng)鏈接被用戶點(diǎn)擊后,A 標(biāo)簽附帶的 A.on 偽類可以用來(lái)更改鏈接的樣式。
a:link { color: blue; } a:visited { color: purple; } a:hover { color: red; } a:focus { outline: 1px solid black; } a:active { color: green; }
如上代碼顯示了使用 A.on 時(shí)可用的 CSS 偽類。當(dāng)用戶點(diǎn)擊超鏈接時(shí),A.on 偽類被觸發(fā),超鏈接的樣式將會(huì)改變。通過(guò)為超鏈接所使用的屬性添加不同的偽類樣式,可以使用戶在不同的狀態(tài)下看到鏈接。
例如,當(dāng)光標(biāo)懸停在鏈接上時(shí),鏈接可以變成紅色;當(dāng)鏈接被激活時(shí)(例如,用戶從鼠標(biāo)懸停狀態(tài)點(diǎn)擊鏈接),鏈接可以變成綠色。需要注意的是,每個(gè)樣式類使用的偽類必須以正確的順序排列。
總而言之,A.on 是一個(gè)非常有用的偽類,可以幫助我們改變超鏈接的樣式,使其更加動(dòng)態(tài)和易于使用。
上一篇a元素css美化