定义和用途

:visited 选择器用于选择用户之前访问过的链接。它允许您对访问过的链接应用不同的样式，以便用户可以轻松识别他们已经访问过的页面或网站部分。

语法

:visited 选择器的语法如下：

--------- -
  -- ---- --
-

用法

:visited 选择器可以与任何链接元素（<a>）一起使用。您可以在样式表中使用它来设置访问过的链接的文本颜色、背景颜色、边框或任何其他样式属性。

示例

以下示例将访问过的链接的文本颜色设置为红色：

--------- -
  ------ ----
-

浏览器支持

:visited 选择器得到了所有现代浏览器的广泛支持，包括：

• Chrome
• Firefox
• Safari
• Edge
• Opera

与其他选择器的关系

:visited 选择器与其他链接选择器一起使用时，其优先级顺序如下：

1. :link
2. :visited
3. :hover
4. :active

这意味着，如果用户当前将鼠标悬停在访问过的链接上，则会应用 :hover 样式，而不是 :visited 样式。

注意事项

使用 :visited 选择器时，需要注意以下几点：

• 无法重置访问历史记录： :visited 选择器依赖于浏览器的访问历史记录。您无法使用 CSS 重置用户的访问历史记录。
• 隐私问题： :visited 选择器可能会引起隐私问题，因为它可以跟踪用户的浏览活动。在使用此选择器时，请考虑用户的隐私。
• 不适用于其他元素： :visited 选择器只能用于链接元素（<a>）。它不能用于其他元素。

替代方案

在某些情况下，您可能需要使用 :visited 选择器的替代方案。一种方法是使用 JavaScript 来跟踪用户访问过的链接，然后使用 DOM 操作来应用不同的样式。