样式与外部样式表的链接

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

See this demo.

试试这个：

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

Answer 2

我认为你正在寻找这个。

http://liveweave.com/tCa9uE

只需添加：

a.b2t:hover { color: Green; }