Question

我有这三个链接但它们无法正常工作。通常一个应用了css文件，其余的不是。

例如前两个链接正在使用悬停，第三个链接不是。 当你不将鼠标悬停在它们上面时，前2个不是绿色，第三个是绿色。

最好的办法就是尝试看看它。

编辑：将链接设为绿色，当您将鼠标悬停在它们上方时，将它们设为黑色。现在它是一个或另一个。这就是我想要的

任何人都知道问题可能是什么？

<style>
  .links {
    padding-top: 2%;
    color: white;
    font-size: 20px;
  }

  a:link{
    color: green;
  }

  a:hover {
    color: black;
    text-decoration: underline;
  }
</style>

<div class="links">
  <a href="https://www.google.com/" font color="green">Link</a>
  </div>

  <div class="links">
  <a href="https://www.google.com/">Link</a>
  </div>

  <div class="links">
  <a href="https://www.google.com/"><font color="green">Link</font></a>
  </div>

Answer 1

你使用的是错误的风格，这是正确的方法：

 <div class="links">
  <a href="https://www.google.com/" style="color:green">Link</a>
  </div>

  <div class="links">
  <a href="https://www.google.com/">Link</a>
  </div>

  <div class="links">
  <a href="https://www.google.com/" style="color:green">Link</a>
  </div>

链接的颜色不起作用，3个例子

1 个答案: