用外部样式表设计链接的样式

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; }