アクティブ状態のホバーオーバーを防止する

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）:active状態のため!importantを使用します。

#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; 
}