答:链接取代.class A:链接?

时间:2012-01-08 20:34:26

标签: html css

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

我试图只将位于网站标题部分(蓝色背景)的“登录”“注册”和“浏览所有”链接设为黄色。

查看萤火虫,它是应用的A:链接。

到目前为止,我一直不太成功。我该怎么办才能让它们看起来很黄?

1 个答案:

答案 0 :(得分:5)

正如您的标记

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

你的CSS必须是

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