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 伪类