0

同じページに 2 つの異なるホバー プロパティを含める方法を理解するのに少し苦労しています。Web ページの特定のコンテンツに対して行うのとは異なるホバー効果を navbar に適用したいと考えています。

私の現在のCSSは次のとおりです。

a:hover {
    color: #CCC;
    background-color: #D8D8D8;
    cursor: default;
}

背景色をあるリンクから次のリンクに変更したいだけだとすると、上記はどのように変化しますか?

4

1 に答える 1

2

リンクにさまざまなクラスを使用できます。

<a class="typeA">foo</a>
<a class="typeB">bar</a>

a.typeA:hover {
    color: #CCC;
    background-color: #D8D8D8;
    cursor: default;
}

a.typeB:hover {
    color: #C0C;
    background-color: #fc0;
    cursor: default;
}
于 2012-12-19T23:15:30.557 に答える