переписывает правила CSS цвет фона с непрозрачностью

Question

У меня есть следующие правила

.homeSearch li { 
    background-color: rgba(144,178,59, 0.8); 
    background: rgba(144,178,59, 0.8); 
    color: rgba(144,178,59, 0.8); 
} 

Но когда я пытаюсь переопределить цвет фона на парении в li, так как цвет фона, который я даю снова в RGBA, переопределение также сохраняет предыдущие цвета.

.homeSearch li a:hover, .homeSearch li a.active{ 
    background-color: rgba(40,65,113, 0.8) !important; 
    background: rgba(40,65,113, 0.8) !important; 
} 

Answer 1

CSS должен быть (no need !important):

.homeSearch li:hover, 
.homeSearch li.active{ 
    background-color: rgba(40,65,113, 0.8); 
    background: rgba(40,65,113, 0.8); 
}