瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流瀏覽器都支持 :link 選擇器。
定義和用法
:link 選擇器用于選取未被訪問(wèn)的鏈接。
注釋?zhuā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í)的樣式。
親自試一試 - 實(shí)例
例子 1
選擇未訪問(wèn)、已訪問(wèn)、懸浮和活動(dòng)鏈接,并設(shè)置它們的樣式:
a:link {color:blue;} a:visited {color:blue;} a:hover {color:red;} a:active {color:yellow;}
例子 2
為鏈接設(shè)置不同的樣式:
a.ex1:hover,a.ex1:active {color:red;} a.ex2:hover,a.ex2:active {font-size:150%;}
更多建議: