實例

規定鏈接的顏色：

a:link {color: #FF0000}     /* 未訪問的鏈接 */
a:visited {color: #00FF00}  /* 已訪問的鏈接 */
a:hover {color: #FF00FF}    /* 當有鼠標懸停在鏈接上 */
a:active {color: #0000FF}   /* 被選擇的鏈接 */

定義和用法

:visited 偽類向已訪問的鏈接添加特殊的樣式。

說明

激活的、已訪問的、未訪問的或者當有鼠標懸停在其上的鏈接，它們會在支持 CSS 的瀏覽器中以不同的方式顯示出來：

a:link {color: #FF0000}     /* 未訪問的鏈接 */
a:visited {color: #00FF00}  /* 已訪問的鏈接 */
a:hover {color: #FF00FF}    /* 當有鼠標懸停在鏈接上 */
a:active {color: #0000FF}   /* 被選擇的鏈接 */
 

註釋：為了產生預期的效果，在 CSS 定義中，a:hover 必須位於 a:link 和 a:visited 之後！！

註釋：為了產生預期的效果，在 CSS 定義中，a:active 必須位於 a:hover 之後！！

註釋：Pseudo-class（偽類）的名稱對大小寫不敏感。

註釋：偽類可與 CSS 類配合使用：

a.red:visited {color: #FF0000;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面這個例子中的鏈接已訪問過，那麽它會顯示為紅色。

CSS（3）——visited偽類