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