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

在此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”样式，只是尝试一下以防它有所帮助。

知道为什么背景颜色不会在您一直徘徊时保持不变吗？

最佳答案

因为这个规则

.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中。

它超越了你的规则