link不是css3新增樣式規(guī)則?!?link”是在css3之前就已經(jīng)可以使用的選擇器,可以用于設(shè)置鏈接的樣式,該選擇器用于選取未被訪問的鏈接,不會設(shè)置已經(jīng)訪問過的鏈接樣式,語法為“a:link{css樣式代碼}”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
link不是css3新增樣式規(guī)則
:link 選擇器用于選取未被訪問的鏈接。
注釋::link 選擇器不會設(shè)置已經(jīng)訪問過的鏈接的樣式。
提示:請使用 :visited 選擇器對指向已訪問頁面的鏈接設(shè)置樣式,:hover 選擇器用于設(shè)置鼠標(biāo)指針浮動到鏈接上時的樣式,:active 選擇器用于設(shè)置點擊鏈接時的樣式。
這四個鏈接狀態(tài)是:
-
a:link – 正常,未訪問過的鏈接
-
a:visited – 用戶已訪問過的鏈接
-
a:hover – 當(dāng)用戶鼠標(biāo)放在鏈接上時
-
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>將鼠標(biāo)指針移動到這個鏈接上:<a href="http://www.php.cn">PHP中文網(wǎng)</a></p> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程、html視頻教程)