web-dev-qa-db-ja.com

div CSSの特定のクラスでリンクの色を変更する方法

私のページでは、次のCSSが設定されています。

a:link {
    color: #0094DE;
    text-decoration: none;


}
a:visited {
        text-decoration: none;
color: #0094DE;

}
a:hover {
text-decoration: underline;
color: #DD127B;

}

クラスが割り当てられているdiv内のリンクの色を変更したい。私は次を試しました：

register:link{color:#FFFFFF;
        }

Registerは、リンクの色を変更するdivの名前です。どうやってやるの？同じdiv上のホバーリンクの色を変更するにはどうすればよいですか？

cssclasscolorshyperlinkhover
30
Anil Jain
.register a:link{
    color:#FFFFFF;
}
44
Shehzad Bilal

次のようになります。

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; }
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; }
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; }
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; }
31
Aditya P Bhatt

このようなものはどうですか...

a.register:link{
    color:#FFFFFF;
}
4
Eddie Madrigal

すべてのタグではなく、一部のタグにa:hoverのCSSを追加する場合は、クラスを使用するのが最善の方法です。スタイルを与えたいすべてのタグにクラスを与えます-以下の例を参照してください。

<style>
a.change_hover_color:hover { 
    color: white !important;
}
</style>

<a class="change_hover_color">FACEBOOK</a>
<a class="change_hover_color">GOOGLE</a>
3
sayyed tabrez
#register a:link
{
color:#fffff;
}
3
Prashobh

CSSファイルでa:link（a、a:link）の前にaを配置すると思います。そのひどいデフォルトの青いリンクの色を取り除くことができる唯一の方法。 aがなくても動作するはずなので、これが以前のバージョンのブラウザに必要かどうかはわかりません。

0
Eagle's Eye