link不是css3新增樣式規則。“:link”是在css3之前就已經可以使用的選擇器,可以用于設置鏈接的樣式,該選擇器用于選取未被訪問的鏈接,不會設置已經訪問過的鏈接樣式,語法為“a:link{css樣式代碼}”。

本教程操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。
link不是css3新增樣式規則
:link 選擇器用于選取未被訪問的鏈接。
注釋::link 選擇器不會設置已經訪問過的鏈接的樣式。
提示:請使用 :visited 選擇器對指向已訪問頁面的鏈接設置樣式,:hover 選擇器用于設置鼠標指針浮動到鏈接上時的樣式,:active 選擇器用于設置點擊鏈接時的樣式。
這四個鏈接狀態是:
-
a:link – 正常,未訪問過的鏈接
-
a:visited – 用戶已訪問過的鏈接
-
a:hover – 當用戶鼠標放在鏈接上時
-
a:active – 鏈接被點擊的那一刻
示例如下:
<!DOCTYPE html> <html> <head> <style> a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;} </style> </head> <body> <p>將鼠標指針移動到這個鏈接上:<a href="http://www.php.cn">PHP中文網</a></p> </body> </html>
輸出結果:

(學習視頻分享:css視頻教程、html視頻教程)
站長資訊網