CSS已訪問的超鏈接是指用戶在點擊過鏈接后,鏈接變色或出現下劃線的效果,以提示用戶該鏈接已經訪問過。這種效果可以通過CSS樣式的設置來實現。
a:visited { color: purple; text-decoration: underline; }
上述代碼中,a:visited
表示已訪問的超鏈接,color
屬性設置了鏈接的顏色為紫色,text-decoration
屬性則為鏈接加上了下劃線。
需要注意的是,a:visited
樣式僅適用于用戶已經訪問過的鏈接,而未訪問的鏈接需要使用a
選擇器設置。
a { color: blue; text-decoration: none; }
上述代碼中,a
選擇器用于設置未訪問的鏈接的樣式,color
屬性設置了鏈接的顏色為藍色,text-decoration
屬性則取消了鏈接的下劃線效果。
在實際開發中,通常同時設置已訪問和未訪問的鏈接樣式,以便用戶清晰地了解鏈接的狀態。
a:visited, a { color: blue; text-decoration: none; } a:visited { color: purple; text-decoration: underline; }
上述代碼中,a:visited
和a
選擇器分別對已訪問和未訪問的鏈接進行樣式設置,color
屬性設置了鏈接的顏色為藍色,text-decoration
屬性則取消了鏈接的下劃線效果。而a:visited
選擇器則為已訪問的鏈接設置了顏色為紫色,下劃線的效果也得到保留。
通過CSS樣式的設置,我們可以為鏈接添加可視化效果,為用戶提供更好的訪問體驗。
上一篇css屬性前輟大全
下一篇css小圖標設置大小