3

私はCSSスタイルを持っています:

#topmenu a:hover {
        margin: 0;
        padding: 8px 20px 7px 12px;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #48516D;
}

そして、<a>内部にいくつかのトップメニュー div があります。たとえば、次のような要素の1つでホバースタイルを無効にしたいと思います。

<div id="topmenu">
    <a href="/"><img width="85" src="/bundles/merrinmain/images/design/homepage.png"></a>

これどうやってするの？を別のものに設定する必要style=""がありますか？

前もって感謝します。

4

2 に答える 2

2

いわば、特定の要素のスタイルを直接「リセット」することはできませんが、ホバーされていないリンクと同じスタイルのクラスを与えることはできます。

#topmenu a, /* apply to non-hovered links */
#topmenu a.noHover:hover { /* and apply to .noHover even when hovered */
        margin: 0;
        padding: 8px 20px 7px 12px;
        color: fuchsia; /* yay */
        text-decoration: none;
        background-color: #48516D;
}
#topmenu a:hover {
        margin: 0;
        padding: 8px 20px 7px 12px;
        color: #FFFFFF;
        text-decoration: underline;
        background-color: #48516D;
}

このようにして、「noHover」クラスのないリンクのみにホバー効果が適用されます。2 番目のルールのプロパティを上書きするには、最初のルール (通常のリンクおよび) で変更されるすべての関連プロパティ (colorなど)を指定する必要があることに注意してください。text-decoration.noHover:hover

http://jsfiddle.net/N8txa/のデモ

于 2013-06-05T12:12:57.093 に答える