html - 使用 :visited on links doesn't work properly

Question

我的链接上的伪类 :visited 存在问题。我的 CSS 中的伪类顺序正确，但 :visited 不起作用。当我定义它时，页面上的所有链接都会自动变为“已访问”，尽管我没有访问过它们。

代码如下:

.drop-menu a:link {
    text-decoration: none;
    color: #9d9d9c;
}
.drop-menu a:visited {
    text-decoration: none;
    background-color: #174c90;
    color: #ffffff;
}
.drop-menu a:focus {
    text-decoration: none;
    background-color: #512c6f;
    color: #ffffff;
}
.drop-menu a:hover {
    text-decoration: none;
    background-color: #9e0243;
    color: #ffffff;
}
.drop-menu a:active {
    text-decoration: none;
    background-color: #781759;
    color: #ffffff;
}

<ul class="drop-menu">
  <li><a href="">HOME</a></li>
  <li><a href="">ABOUT US</a></li>
  <li><a href="">OUR WORK</a></li>
  <li><a href="">CONTACT</a></li>
</ul>

我做错了什么？提前致谢!

Answer 1

href 中的

应填写。所以， href="#" 。这是有效的。

.drop-menu a:link {
    text-decoration: none;
    color: #9d9d9c;
}
.drop-menu a:visited {
    text-decoration: none;
    background-color: #174c90;
    color: #ffffff;
}
.drop-menu a:focus {
    text-decoration: none;
    background-color: #512c6f;
    color: #ffffff;
}
.drop-menu a:hover {
    text-decoration: none;
    background-color: #9e0243;
    color: #ffffff;
}
.drop-menu a:active {
    text-decoration: none;
    background-color: #781759;
    color: #ffffff;
}

<ul class="drop-menu">
  <li><a href="#">HOME</a></li>
  <li><a href="#">ABOUT US</a></li>
  <li><a href="#">OUR WORK</a></li>
  <li><a href="#">CONTACT</a></li>
</ul>