CSS 选择器 :visite

简介

:visited 是一个伪类选择器，用于选择已经访问过的链接。这使得开发者能够为用户已点击过的链接提供特定的样式。需要注意的是，由于隐私和安全问题，浏览器对 :visited 的样式应用有严格的限制。

使用场景

:visited 通常用于改变链接的颜色或背景颜色，以帮助用户区分哪些链接已经被访问过。这可以提升用户体验，使页面看起来更有条理。

基本语法

a:visited {
  color: purple;
}

上述代码将所有已访问过的链接的颜色设置为紫色。

具体示例

示例1：更改颜色

// www.javascriptcn.com code example
/* 将所有已访问过的链接的颜色改为紫色 */
a:visited {
  color: purple;
}

/* 更改链接文字的字体大小 */
a:visited {
  font-size: 14px;
}

示例2：组合其他选择器

// www.javascriptcn.com code example
/* 仅当链接位于段落元素内的时候才更改已访问链接的颜色 */
p a:visited {
  color: darkblue;
}

/* 当链接位于列表项时，更改已访问链接的颜色 */
li a:visited {
  color: red;
}

浏览器兼容性

:visited 选择器在现代浏览器中都得到了广泛的支持。然而，出于隐私保护的原因，一些浏览器可能会限制 :visited 选择器的应用，以防止通过颜色差异来探测用户的浏览历史。

注意事项

1. 性能问题：在某些情况下，大量使用 :visited 选择器可能会导致渲染性能问题。
2. 隐私问题：浏览器会限制 :visited 选择器的样式，例如不允许改变背景颜色或边框颜色，以防止恶意网站利用这些样式来获取用户的浏览记录。

总结

:visited 选择器是一个非常有用的工具，可以帮助提高网页的可用性和美观度。但是，在使用它的时候，必须考虑到潜在的性能和隐私问题。