2016-01-25 54 views
0

當我檢查的聯繫,我可以看到這一點:更改超鏈接的顏色尾的一個環節

#Bottom a { 
color: #888; 
} 

我給的鏈接類,並添加自定義CSS,但它不工作:

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

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

我錯過了什麼?

回答

3

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