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

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声明（这就是Cascading，即CSS中的“ C”的意思）。

例：

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