ブロッキングCSSホバー

Question

は、私はこのようなやや定義されたクラスMyButtonというの付いたボタンがあります。

.MyButton{ 
color:black; 
background:white;} 

.MyButton:hover{ 
color:white; 
background:black;} 

このボタンクラスはページャボタンのためのものであり、ページャが範囲にあるとき、私はそれにこのクラスを追加します。

.ButtonDisabled{ 
opacity:0.3} 

ユーザーがボタンの上にマウスを置くと、それでもMyButton：hoverスタイルから継承されるという問題があります。

ホバリングの問題を解決するためにjqueryでこのすべてを制御できることがわかっていますが、ボタンにButtonDisabledクラスがあるときに、ホバークラスがトリガーしないようにする方法があるのだろうかと思います。

ありがとうございました。

Answer 1

.MyButton:hover{ 
color:white; 
background:black; 

} 

// has more specificity than above selector, so it will stop previous hover effect 
.MyButton.ButtonDisabled:hover{ 
// write your configs 
} 

Answer 2

おそらく

.ButtonDisabled:hover{...} 

はあなたに問題があるボタンの他​​のいくつかの種類があり、かつButtonDisabledクラスが時々にMyButtonに適用しながら、そう、それはまたMyOtherButtonに適用されるということである