更改頁腳中一個鏈接的超鏈接顏色

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>