CSS :visited 偽類

定義和用法

CSS :visited 偽類用于設置已訪問鏈接的樣式。

提示：使用 :link 設置未訪問頁面的鏈接樣式，使用 :hover 設置鼠標懸停時的鏈接樣式，使用 :active 設置點擊時的鏈接樣式。

注意：為了正確設置鏈接樣式，請將 :visited 規則放在 :link 規則之后，但在 :hover 和 :active 規則之前。

允許的樣式包括：

• color
• background-color
• border-color（以及各邊的 border-color）
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG 屬性 fill 和 stroke

實例

例子 1

選擇并設置已訪問鏈接的樣式：

a:visited {
  color: pink;
}

親自試一試

例子 2

選擇并設置未訪問、已訪問、懸停和活動鏈接的樣式：

/* 未訪問的鏈接 */
a:link {
  color: green;
}
/* 已訪問的鏈接 */
a:visited {
  color: green;
}
/* 鼠標懸停的鏈接 */
a:hover {
  color: red;
}
/* 激活的鏈接 */
a:active {
  color: yellow;
}

親自試一試

例子 3

為鏈接設置不同的樣式：

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

親自試一試

CSS 語法

:visited {
  css declarations;
}

技術細節

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

相關頁面

教程：CSS 鏈接

教程：CSS 偽類