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

Question

This is the code, as you can see I'm trying to change the color to a grey, but every time I preview the changes and/or save it stays blue.

#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

Could be because of specificity, try adding !important to your color property.

#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

Probably you are using anchor within "title" element, that's why your browser is rendering default anchor color ie blue.

Suppose you are having an html like

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

If you apply CSS to "title" div as

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

It will give blue color for text "Test Color"

Refer to fiddle for such effect

But if you apply CSS to "a" within "title" as

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

It will show grey color for anchor too.

The updated code in fiddle