CSS :visited 選擇器
更多“自己嘗試”的例子見下文。
定義和用法
:visited 選擇器用於選擇已訪問的連結。
提示： 使用 :link 選擇器為未訪問頁面的連結設定樣式，使用 :hover 選擇器為滑鼠懸停在連結上時設定樣式，以及使用 :active 選擇器為單擊連結時設定樣式。
出於安全原因，瀏覽器對 :visited 連結可以設定的樣式有限制。
允許的樣式有
- color
- background-color
- border-color（以及單獨邊的 border-color）
- outline 顏色
- column-rule-color
- fill 和 stroke 的顏色部分
所有其他樣式都繼承自 a:link。
| 版本 | CSS1 |
|---|
瀏覽器支援
表格中的數字表示首次完全支援該選擇器的瀏覽器版本。
| 選擇器 | |||||
|---|---|---|---|---|---|
| :visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 語法
:visited {
CSS 宣告;
}
更多示例
示例
選擇未訪問、已訪問、滑鼠懸停和活動連結並設定不同樣式
/* 未訪問的連結 */
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%;
}
自己動手試一試 »
相關頁面
CSS 教程：CSS 連結
CSS 教程：CSS 偽類
