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

标签 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>

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

查看 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/

相关文章:

javascript - 向下滚动时显示导航

html - 防止文本换行 DIV

javascript - 更改页面滚动上的事件导航图像?

php - wordpress-添加代码到function.php

html - 设置 nativeElement.scrollTop 不起作用,滚动到 div 的底部

html - CSS 中的媒体查询无法正常工作

html - 下拉 Div 与标题按钮对齐

CSS3 Sprite 图像不显示

css - 背景图像位置,中心中心不起作用

html - 媒体查询隐藏桌面视口(viewport)