css - 使用外部样式表对链接进行样式化

Question

我正在尝试在我的页面上设置一个链接的样式，该链接具有 class=b2t

我希望它始终保持白色，除非用户将鼠标悬停在它上面，在这种情况下我希望它变成绿色。

我根本无法弄清楚如何将悬停和颜色属性应用于 class=b2t 中的那个链接。

有人可以给我建议吗？

<div id="container">
    <div id="b2t">
        <a class="b2t" href="#">
            <img src="images/backtotop.png">
            Back to top
        </a>
    </div>
</div>

样式表：

a.b2t {
    position: relative;
    left: -50px;
    text-decoration: none;
}

Answer 1

我想你正在寻找这个。

http://liveweave.com/tCa9uE

只需添加：

a.b2t:hover { color: Green; }

Answer 2

看这个演示。

尝试这个：

a.b2t:link, a.b2t:visited, a.b2t:active {
    color: #fff;
    position: relative;
    left: -50px;
    text-decoration: none;
}
a.b2t:hover {
    color: #0f0;
}