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

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类正在应用于锚点，因此无需将a:link添加到选择器的末尾，它只是：

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

此外，我建议不惜一切代价使用!important声明，特别是在这种情况下，因为它没有必要。只要在默认链接样式之后添加了.one样式，它就会覆盖样式而无需!important声明（那就是层叠，＆＃39; C＆＃ 39;在CSS中，意思是。）

示例：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;