为什么我的文本不能更改为我放入的颜色代码？ （它保持蓝色）

Question

这是代码，您可以看到我试图将颜色更改为灰色，但每次预览更改和/或将其保存为蓝色。

#title { 
position:fixed; 
font-size:40px; 
font-family: 'Jim Nightshade', cursive; 
text-align:center; 
padding-bottom:1px; 
bottom:90px; 
margin-left:0px; 
width:500px; 
height:-10px; 
padding:5px; 
overflow:hidden; 
color:#a4a4a4; 
line-height:100%;; 
z-index:999999999; 
transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; 

Answer 1

尝试更改包装为#title a {}，因为我假设您正在讨论超链接。

Answer 2

可能是因为特殊性，请尝试添加！对您的颜色属性重要。

#title { 
position:fixed; 
font-size:40px; 
font-family: 'Jim Nightshade', cursive; 
text-align:center; 
padding-bottom:1px; 
bottom:90px; 
margin-left:0px; 
width:500px; 
height:-10px; 
padding:5px; 
overflow:hidden; 
color:#a4a4a4 !important; 
line-height:100%;; 
z-index:999999999; 
transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; 
} 

Answer 3

也许您正在使用“标题”元素中的锚，这就是为什么你的浏览器默认的渲染色彩主播蓝即。

假设如果你申请的CSS “标题” 格为

#title { 
position:fixed; 
font-size:40px; 
font-family: 'Jim Nightshade', cursive; 
text-align:center; 
padding-bottom:1px; 
bottom:90px; 
margin-left:0px; 
width:500px; 
height:-10px; 
padding:5px; 
overflow:hidden; 
color:#a4a4a4; 
line-height:100%;; 
z-index:999999999; 
transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; 
} 

它会给蓝色文本 “测试色”

你有喜欢

<div id="title"> 
<a href="#">Test Color</a> 
</div> 

一个html请参考fiddle的效果

但是，如果您将CSS应用于“标题”内的“a”

#title a{ 
text-decoration:none; 
position:fixed; 
font-size:40px; 
font-family: 'Jim Nightshade', cursive; 
text-align:center; 
padding-bottom:1px; 
bottom:90px; 
margin-left:0px; 
width:500px; 
height:-10px; 
padding:5px; 
overflow:hidden; 
color:#a4a4a4; 
line-height:100%;; 
z-index:999999999; 
transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
-o-transition-duration: 0.8s; 
} 

它也会显示锚点的灰色。

在fiddle