CSS中的偽類是一種特殊的選擇器,可以在HTML文檔中找到并選擇有特殊狀態的元素。偽類選擇器用于指定元素特定的狀態,而超鏈接偽類是其中最常用的一種。
a:link { color: blue; text-decoration: none; } a:visited { color: purple; } a:hover { color: red; text-decoration: underline; } a:active { color: green; }
在上面的代碼中,我們使用了四種不同的超鏈接偽類::link、:visited、:hover和:active。分別表示鏈接未被訪問、已被訪問、鼠標懸停和鏈接被激活(點擊)時的狀態。
:link和:visited選擇器定義了超鏈接的默認狀態和訪問過狀態的樣式,我們可以通過設置color屬性來指定文字顏色,通過text-decoration屬性來控制下劃線或刪除線。
:hover選擇器可以在鼠標懸停時改變鏈接的樣式,在上面的代碼中,我們將文字顏色改為紅色,并加上下劃線。
最后,我們使用:active選擇器來定義鏈接被激活(點擊)時的樣式,我們可以將文字顏色改變為綠色。
使用超鏈接偽類可以增強網站的互動性和可訪問性,使用戶更好地理解當前頁面的鏈接狀態。