html - 为什么背景 CSS 颜色不会停留在悬停状态？

Question

在此dev site ，如果您将鼠标悬停在主菜单中的“BRANDS”，它会弹出一个下拉菜单。将鼠标悬停在其中任何一个上，背景闪烁红色然后消失。

我将背景 CSS 添加到主菜单的“li”和“a”元素，如下所示...

.mega-dropdown-inner  ul.level1 li.open:hover{
background: red !important;
}
.mega-dropdown-inner  ul.level1 li a:hover{
background: red;
}

注意:我认为我什至不需要“a”样式，但只是尝试一下以防它有帮助。

知道为什么背景颜色不会在您悬停的整个过程中保持不变吗？

Answer 1

因为这条规则

.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
   background-color: #002d5c !important; 
}

在您的 custom.css 行 1031 中。

它覆盖了你的规则