在網站開發中,經常應用到超鏈接。CSS提供了修改超鏈接訪問過樣式的方法。當用戶點擊或訪問一個鏈接后,瀏覽器會自動將它標記為已訪問過的鏈接,這時可以用CSS來改變它的樣式。
a:visited { color: #993399; /* 修改已訪問鏈接的字體顏色為紫色 */ text-decoration: line-through; /* 添加刪除線 */ }
上述代碼表明,當用戶訪問過鏈接時,將修改字體顏色為紫色,添加刪除線。
同時,也可以對未訪問的鏈接樣式進行修改。
a:link { color: #0000EE; /* 修改未訪問鏈接文字的顏色為藍色 */ text-decoration: none; /* 取消下劃線 */ }
上述代碼表示,未訪問的鏈接將修改字體顏色為藍色,并取消下劃線。
利用CSS修改超鏈接訪問過的樣式,可以提高用戶體驗和網站美觀度。但是要注意,擁有視覺障礙的用戶可能無法辨別已訪問過的鏈接和未訪問的鏈接之間的差別,因此應該盡量避免使用一些顏色相似的描述符。