css - 用不透明度覆盖 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 应该是(不需要!重要):

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