Question

我是新手，正在学习Web开发。以下是我的test.html文件和下面的摘录中的test.css文件。

现在，我拥有最新的Mozilla firefox（66.0.5）和Chrome（74.0.3729.131）浏览器。我在firefox中设置为永远不记得历史。但是Chrome可以记住历史。当我打开test.html时，链接颜色在Firefox中显示为红色，在Chrome中显示为蓝色。单击链接不会更改这些浏览器中的颜色。那么，造成这种现象的原因是什么？如何使链接仅在单击后才变成蓝色？

 /* give red color to web link  */

 a {
   color: red ;
 }

 /* give blue color to the link after its
 visited */

 a:visited {
   color: blue ;
 }

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="test.css">
  </head>
  <body>

    <a href="http://www.google.com">Go to Google !</a>

  </body>
</html>

Answer 1

使用a:focus`.而不是使用a:visited

事实证明，当链接获得焦点时颜色会更改，对我来说更可靠；由于缓存的访问会影响访问，因此访问似乎不可靠。.boo

希望这会有所帮助

在CSS中，访问的链接不会更改颜色

1 个答案: