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>

在链接上使用：viseded不能正常工作

1 个答案: