为什么我的文字没有变成我输入的颜色代码？ （它保持蓝色）

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

可能你在“title”元素中使用了锚，这就是你的浏览器渲染默认锚颜色即蓝色的原因。

假设你有一个类似

的html

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

如果您将CSS应用于“title”div

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

它将为文本“测试颜色”提供蓝色

有关此类效果，请参阅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

中的更新代码