css - 外部スタイル シートを使用したリンクのスタイリング

Question

class=b2t を持つ、ページ上の 1 つのリンクのスタイルを設定しようとしています。

ユーザーがマウスオーバーした場合を除いて、常に白のままにしておきたいのですが、その場合は緑に変えたいです。

class=b2t 内の 1 つのリンクに hover プロパティと color プロパティを適用する方法がわかりません。

誰でもこれについて私にアドバイスできますか？

<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

このデモを参照してください。

これを試して：

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