0

我有一些代码是一个简单的 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 进行检查时，我的网站上看不到任何冲突，并且 css 的其他部分upgrade-message正在应用。我也在萤火虫中看到了css，但它似乎并不适用。我什至尝试过这个小提琴以确保它是正确的语法。

任何人都可以解释为什么a:link没有应用 css 吗？

4

1 回答 1

3

也许您已经访问过该链接？所以没有应用CSS。利用

#upgrade-message a { }

或用于现代浏览器或更兼容性：

#upgrade-message a:link,
#upgrade-message a:hover,
#upgrade-message a:visited,
#upgrade-message a:active {
    /* ... */
}
于 2012-11-09T19:09:25.207 回答