Question

我检查了我的代码的所有内容，但我没有发现问题为什么我的链接不是白色的。我查看有关它的相关帖子，检查是否有人问这个问题，我是否有同样的错误。但遗憾的是没有。

这就是我的HTML代码

#topleiste {
  background-color: #42587E;
  width: 100%;
  float: left;
}

#topleiste li {
  list-style: none;
  float: left;
}

a:link {
  color: white;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 5px 1px 5px;
}

<div id="topleiste">
  <ul>
    <li><a href="https://www.google.de/">ARD Home</a></li>
    <li><a href="https://www.google.de/">Nachrichten</a></li>
    <li><a href="https://www.google.de/">Sport</a></li>
    <li><a href="https://www.google.de/">Börse</a></li>
    <li><a href="https://www.google.de/">Ratgeber</a></li>
    <li><a href="https://www.google.de/">Wissen</a></li>
    <li><a href="https://www.google.de/">Kultur</a></li>
    <li><a href="https://www.google.de/">Kinder</a></li>
    <li><a href="https://www.google.de/">ARD Intern</a></li>
  </ul>


</div>

我希望你们能帮帮我。

Answer 1

问题发生在你的CSS中，a:link如果您之前已经访问过该链接，那么a将不会定位该链接（我猜你以前曾在Google中），而是将其更改为{{1} }。告诉我它是怎么回事！

Answer 2

错误可能是因为链接在访问时会改变颜色。为防止这种情况，您可以添加css：

a:visited {
  color: white
}

Answer 3

尝试

#topleiste li a {
   color: #fff;
}

或在你的情况下：

#topleiste li a, #topleiste li a:hover, #topleiste li a:active, #topleiste li a:focus {
   color: #fff;
}

我的链接颜色没有改变？

3 个答案: