html - 更改页脚中一个链接的超链接颜色

Question

当我检查链接时，我可以看到:

#Bottom a {
color: #888;
}

我给链接一个类并添加了自定义 CSS，但它不起作用:

<a class="one" href="http://domain.com/contact.php">contact us</a>

#Bottom .one a:link {color:#0066D6; !important;}

我错过了什么？

Answer 1

.one 类正在应用于 anchor ，因此无需将 a:link 添加到选择器的末尾，只需:

#Bottom a.one {
    color:#0066D6 !important;
}

此外，我建议不惜一切代价不要使用 !important 声明，尤其是在这种情况下，因为它没有必要。只要在默认链接样式之后添加 .one 样式，它将覆盖样式而不需要 !important 声明(这就是级联，'C ' 在 CSS 中，表示)。

示例:

#Bottom a {
  color:red;
}
  #Bottom a.one {
    color:green;
  }

<div id="Bottom">
  <a href="#">Standard Link</a>
  <a href="#">Standard Link</a>
  <a href="#">Standard Link</a>
  <a class="one" href="#">Special Link</a>
</div>