防止懸停在活動狀態

Question

如何通過css防止懸停按鈕，div，li如果它已經處於活動狀態？

#list-of-tests .item-test:hover { 
    background-color: #4d5f75; 
    border: solid 1px #4d5f75; 
} 

#list-of-tests .item-test:active { 
    background-color: #93c3cd; 
    border: solid 1px #93c3cd; 
} 

Answer 1

兩種方式：

1）使用!important爲:active狀態：

#list-of-tests .item-test:active { 
    background-color: #93c3cd !important; 
    border: solid 1px #93c3cd !important; 
} 

2）指定多個狀態：

#list-of-tests .item-test:active, 
#list-of-tests .item-test:active:hover { 
    background-color: #93c3cd; 
    border: solid 1px #93c3cd; 
}