阻塞CSS懸停

Question

我有MyButton類的按鈕這樣有些定義：

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

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

這個按鈕類是尋呼機按鈕，當尋呼機是在界限，我這個類添加到它：

.ButtonDisabled{ 
opacity:0.3} 

問題是，如果用戶鼠標懸停在按鈕上，它仍然繼承MyButton：懸停樣式。

我知道我可以控制所有這些與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{...} 

會幫助你