CSS :visited 選擇器

2018-07-22 21:43 更新

實(shí)例

選擇已訪問的鏈接,并設(shè)置其樣式:

a:visited
{ 
background-color:yellow;
}

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

所有主流瀏覽器都支持 :visited 選擇器。

定義和用法

:visited 選擇器用于選取已被訪問的鏈接。

提示:請(qǐng)使用 :link 選擇器對(duì)指向未被訪問頁面的鏈接設(shè)置樣式, :hover 選擇器用于設(shè)置鼠標(biāo)指針浮動(dòng)到鏈接上時(shí)的樣式,:active 選擇器用于設(shè)置點(diǎn)擊鏈接時(shí)的樣式。

親自試一試 - 實(shí)例

例子 1

選擇未訪問、已訪問、懸浮和活動(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%;}

親自試一試

相關(guān)頁面

CSS 教程:CSS 鏈接

CSS 教程:CSS 偽類

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)