CSS :visited 選擇器

2018-01-06 17:35 更新

定義和用法

:visited 向訪問過的鏈接添加特殊的樣式。

:visited 是偽類，并且它適用于到已經(jīng)訪問的另一資源的超鏈接。

:visited 適用于指向已訪問的URL的鏈接，訪問URL是鏈接點顯示在用戶代理的歷史記錄中的網(wǎng)址。

這種狀態(tài)與 :link 狀態(tài)互斥。

例子：

a:visited  {color: purple;}
*:visited {color: gray;}

提示：使用:visited選擇器設(shè)置訪問過的頁面鏈接的樣式， :hover選擇器當(dāng)有鼠標懸停在其上的鏈接樣式，:active 選擇器設(shè)置當(dāng)你點擊鏈接時的樣式。

選擇訪問過得鏈接樣式：

a:visited
{
background-color:yellow;
}

激活的、已訪問的、未訪問的或者當(dāng)有鼠標懸停在其上的鏈接：

a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}

不同樣式的鏈接樣式：

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

選擇器
:visited	4.0	7.0	2.0	3.1	9.6