1

:hoverスタイルシートで宣言された効果を削除またはキャンセルすることはでき ますか?

例えば..

:hoverスタイルシートに効果のあるクラスがあります。このクラスの 1 つの要素 (そして多数あります) については、これらのホバー効果を持たないようにしたいと思います。

それで、私がこれをしたい各クラスを通過するのではなく、単純に:hover効果をキャンセルする方法はありますか? これにはJavaScriptが必要かもしれないと思います。

簡単な例で更新します。

.class1 {a bunch of properties that vary based on the class}
.class1:hover {a bunch of properties that vary based on the class}
.class2 {a bunch of properties that vary based on the class}
.class2:hover {a bunch of properties that vary based on the class}

これらのクラスの 1 つの要素については、ホバリング フェスティバルに参加しないようにしたいのですが、それでもクラスに含めたいと考えています。ホバリングだけのために新しいクラスを作成する必要はありません。これは可能ですか?

4

3 に答える 3

2

ホバー時に変化する実際のコードまたは属性を知らなくても、これを解決する 1 つの方法は、属性を元に戻すことです。次に例を示します。

http://jsfiddle.net/MfqDg/

<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>​

.class1{
    width: 100px;
    height: 100px;
    border: 1px solid;
    margin: 20px;
}

.class1:hover{
    background: #000;
}

.class1:nth-child(2):hover{
    background: none;
}
​
于 2012-09-03T03:57:32.740 に答える
0

私が収集したものから...それは不可能です:(

于 2012-12-26T17:58:10.660 に答える
0

ターゲティングをより具体的にしてください。クラス「foo」を使用するものがたくさんあるとします-を使用するのではなく、を使用し.foo:hover {color:red}、次にp .foo:hover {color:black}、を使用すると、他のインスタンスにはスタイルが適用されません。それは理にかなっていますか?table .foo:hover {color:black}.container p .foo:hover {color:red}

于 2012-09-03T03:20:42.657 に答える