javascript - アクティブ状態にカーソルを合わせるのを防ぐ

Question

cssを使用してボタン、div、liがすでにアクティブなステータスになっている場合に、ボタン、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;
}