CSS 如何在Chrome中更改已访问链接的颜色

在本文中，我们将介绍如何在Chrome浏览器中通过CSS来更改已访问链接的颜色。

阅读更多：CSS 教程

1. 利用CSS伪类

在CSS中，可以使用伪类来选择已访问的链接，然后为其设置颜色。常用的伪类选择器是 “:visited”，它可以选择已访问的链接。

a:visited {
  color: red;
}

上述代码将已访问的链接的颜色设置为红色。你可以根据需要将”red”替换为其他颜色值。

需要注意的是，由于安全和隐私原因，浏览器对”:visited”伪类的一些属性进行了限制，比如对字体颜色的设置。

2. Chrome的隐私限制

在Chrome中，为了保护用户的隐私，浏览器对 “:visited” 伪类进行了限制，仅允许设置一些特定的属性，如颜色、背景颜色、边框颜色等。其他一些可能泄露用户隐私的属性，如字体样式、计算宽高等将被浏览器禁用。

在Chrome中，通过 “:visited” 伪类设置链接颜色的前提是用户已经访问过链接。因此，在刷新页面或者新的会话开始之前，你可能看不到效果。如果你想测试代码，请确保你已经在页面上访问过链接。

3. 示例

以下是一个示例，展示了如何使用CSS来更改已访问链接的颜色：

<!DOCTYPE html>
<html>
<head>
  <style>
    a:visited {
      color: red;
      text-decoration: none;
    }
  </style>
</head>
<body>
  <h1>我最喜欢的网站</h1>
  <ul>
    <li><a href="https://www.example.com">Example</a></li>
    <li><a href="https://www.google.com">Google</a></li>
    <li><a href="https://www.github.com">Github</a></li>
  </ul>
</body>
</html>