我有一个看起来像这样的 css:
.browse-link A:link {
color: #F6CA4C;
text-decoration: none;
}
.browse-link A:hover {
color: #F6CA4C;
text-decoration: underline;
}
.browse-link A:visited {
color: #F6CA4C;
text-decoration: none;
}
.browse-link A:active {
color: yellow;
text-decoration: none;
}
A:link {
COLOR: #0000FF; text-decoration: none;
}
A:visited {
COLOR: #0000FF; text-decoration: none;
}
A:active {
COLOR: #0000FF; text-decoration: none;
}
A:hover {
COLOR: #FF0000; text-decoration: underline;
}
这是 html 的样子:
<table style="border:0; margin:0; padding:0;">
<tbody>
<tr>
<td>
<a class="browse-link" href="http://www.revheal.com/en/users/login/http://www.revheal.com/">Login</a>
</td>
<td>
<a class="browse-link" href="http://www.revheal.com/en/users/register/">Register</a>
</td>
</tr>
</tbody>
</table>
我试图让位于网站标题部分(蓝色背景)的“登录”、“注册”和“浏览所有”链接呈淡黄色。
查看 Firebug ,应用的是 A:link。
到目前为止,我一直很不成功。我应该怎么做才能使它们看起来发黄?
最佳答案
因为你的标记是
<a class="browse-link">Browse all</a>
你的 CSS 必须是
a.browse-link:link /* NOT .browse-link a:link */
关于html - A :link supersedes . 类 A :link?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8781044/