不能使用CSS更改字體顏色？

我有以下的HTML不能使用CSS更改字體顏色？

<div class = "left"> 
<div id = "links"> 
<a href = "none" style = "text-decoration: none"><b>About</b></a> 
<br> 
<a href = "none" style = "text-decoration: none"><b>Principals</b></a> 
<br> 
<a href = "none" style = "text-decoration: none"><b>Contact</b></a>  
<br>  
</div> 
</div>

和CSS

.left { 
     position: fixed; 
     top: 0px; 
     left: 0px; 
     width: 30%; 
     height: 100%; 
     background-color: #8EE5EE; 
     color: #000000; 
     } 
#links { 
     position: relative; 
     top: 40%; 
     text-align: right; 
     font-family: "Verdana", "Arial Black", sans-serif; 
     font-size: 25px; 
     color: #000000; 
     }

我的鏈接的顏色應該是黑色的，但它們顯示爲深藍色。這段代碼有什麼問題？

JSFiddle here

謝謝！

來源

2012-12-31 Lloyd Banks

的'＃links'identifies股利，而不是DIV（''）標籤中的鏈接。通過改變顏色，你只能改變div內文本的顏色，而不是錨標記文本的顏色。下面的衆多答案之一可以爲您提供正確的解決方案。 – War10ck

您遇到的問題是，a元素具有默認樣式，它不會從父元素繼承顏色。要強制color財產的繼承：

a { 
    color: #000; /* for browsers that don't support 'inherit' as a color value */ 
    color: inherit; 
}

來源

2012-12-31 19:06:55

添加到您的CSS：

#links a:link{ 
    color: #000; 
}

然後，您可以添加喜歡的東西......

#links a:visited{ 
    color: #000; 
} 
#links a:hover{ 
    color: #000; 
} 
#links a:active{ 
    color: #000; 
}

...改變不同狀態的鏈接的顏色爲好。

一些這方面的閱讀材料：http://www.w3schools.com/css/css_link.asp

來源

2012-12-31 19:05:53

試試這個

#links a:link, a:hover, a:visited, a:active { 
    color: #000000; 
}

繼承人一些documentation。

來源

2012-12-31 19:06:00

將#links a { color: #000; }添加到您的CSS樣式您的鏈接（或只是a { color: #000; }，如果你想這種顏色是全球性的）。

來源

2012-12-31 19:06:22 VLS

不能使用CSS更改字體顏色？

回答

相關問題