html - 为什么当我在 anchor 标签中给出绝对链接时，访问的链接颜色没有改变？

Question

我已经使用 anchor 标记在 html 中创建了一个链接。我在 css 中为链接定义了未访问的颜色和已访问的颜色，如下所示:

#menu{
  color:#000000;
  position:absolute;
  bottom: 20px;
  right: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;    
}

#menu a:link{color:blue;}
#menu a:visited{color:red;}

HTML代码:

<div align = " right" id="menu">
<a  href="D:\MyFolder\ContactUs.html">Contact Us</a>
</div>

当我在 anchor 标签的“href”属性中给出相对地址时，一切正常。

例如href = "ContactUs.html" --因为它们在同一个文件夹中

但是当我在 anchor 标签的 href 属性中给出绝对地址时，访问页面时颜色没有从“蓝色”变为“红色”。它仅保持“蓝色”。

例如href = "D:\MyFolder\ContactUs.html"

请解释为什么会这样？

Answer 1

请注意 css 类用于 visited不是clicked .

所以当你点击 <a href="D:\MyFolder\ContactUs.html">Contact Us</a>并且浏览器自动检测到它是一个文件，它重定向到file:///d:/MyFolder/ContactUs.html并将其标记为已访问，而不是您指定的路径。

如前所述，要么将您的链接更改为 file:///在前面，或使用相对链接(这更有意义)