使用不透明度覆盖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);
}