防止悬停在活动状态

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