为什么背景CSS颜色会在悬停时保持不变？

Question

在此dev site上，如果您将鼠标悬停在＆＃34;品牌＆＃34;在主菜单中，它会显示一个下拉菜单。将鼠标悬停在任意一个上，背景闪烁红色然后消失。

我在＆＃34; li＆＃34;中添加了背景CSS。和＆＃34; a＆＃34;像这样的主菜单元素......

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

注意：我不认为我甚至需要＆＃34; a＆＃34;造型，但只是尝试它以防万一。

知道为什么背景颜色不会在你徘徊的整个过程中停留吗？

Answer 1

由于这条规则

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
click
<div class="quotes">a</div>
<div class="quotes">b</div>
<div class="quotes">c</div>
<div class="quotes">d</div>

在custom.css第1031行。

它覆盖了你的规则