只内嵌样式与CSS

Question

工作，我有一些代码，是一个简单的分度，具有CSS样式表：

#upgrade-message { 
    margin: 15px 0px; 
    padding: 15px 10px 15px 50px; 
    background-repeat: no-repeat; 
    background-position: 10px center; 
    color: #00529B; 
    background-color: #BDE5F8; 
    background-image: url('../../../../templates/yoo_vanilla/images/typography/box_info.png'); 
    display: block; 
    clear: left; 
    float: right; 
} 

#upgrade-message a:link { 
    color: black; 
} 

的代码（在PHP，但你的想法）：

echo "<div id=\"upgrade-message\">A message: <a href=\"ppay\">Upgrade</a> now!</div>"; 

我的css的a：link部分没有得到应用。基本上我只是想将“升级”文本更改为黑色。如果我将内联样式放在一起，效果很好。

我在我的网站上看不到任何冲突，因为我使用Firebug检查它，而其他部分的upgrade-message正在申请。我也看到了萤火虫的CSS，但似乎并不适用。我甚至试过这个fiddle以确保它是正确的语法。

任何人都可以阐明为什么与a:link css不适用？

Answer 1

也许你已经访问过链接？所以CSS不适用。使用

#upgrade-message a { } 

或现代的浏览器或与更多的兼容性：

#upgrade-message a:link, 
#upgrade-message a:hover, 
#upgrade-message a:visited, 
#upgrade-message a:active { 
    /* ... */ 
}