我有一些代码是一个简单的div,其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的其他部分正在应用。我也在firebug中看到了css,但似乎并不适用。我甚至试过这个fiddle来确保它是正确的语法。
任何人都可以解释为什么a:link
的css不适用?
答案 0 :(得分:3)
也许您已经访问了该链接?因此CSS不适用。使用
#upgrade-message a { }
或适用于现代浏览器或具有更高兼容性:
#upgrade-message a:link,
#upgrade-message a:hover,
#upgrade-message a:visited,
#upgrade-message a:active {
/* ... */
}