css - 样式链接与外部样式表

我正在尝试在页面上设置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;
}

最佳答案

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

关于css - 样式链接与外部样式表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18901419/