html - A :link supersedes . 类 A :link?

Question

我有一个看起来像这样的 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。

到目前为止，我一直很不成功。我应该怎么做才能使它们看起来发黄？

Answer 1

因为你的标记是

<a class="browse-link">Browse all</a>

你的 CSS 必须是

a.browse-link:link /* NOT .browse-link a:link */