我有一些代码是一个带有 css 样式表的简单 div,它具有:
#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 不适用?
最佳答案
也许您已经访问过该链接?因此不应用 CSS。使用
#upgrade-message a { }
或用于现代浏览器或具有更高兼容性:
#upgrade-message a:link,
#upgrade-message a:hover,
#upgrade-message a:visited,
#upgrade-message a:active {
/* ... */
}
关于html - 仅内联样式与 css 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13314308/