Css 链接颜色必须保持不变，如果悬停的其他东西

我想创建一个效果，如下所示：如果我将鼠标悬停在下拉菜单上，则被悬停的链接颜色为蓝色。当然不错，但是如果我在下拉菜单中悬停任何列表项，蓝色链接将变回灰色。如何使链接保持蓝色，即使有其他内容悬停

链接必须是蓝色的，如果我不悬停它或其他东西，它是灰色的。那很好。如果我把它悬停，它是蓝色的。这也很好，但如果我转到菜单中的列表项（因此灰色链接是指向下拉菜单的链接），链接将返回灰色，而不是保持蓝色，如果悬停在该颜色上

代码：

<div id="main-menu-wrap">
<ul id="menu-headmenu" class="menu-headmenu-container">
<li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="blabla">
About us
<span class="sub"></span>
</a>
<ul class="sub-menu">
<li id="menu-item-435" class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="blablbala">
Team
<span class="sub">blablabla</span>
</a>
</li>
<li id="menu-item-145" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<a href="blablabla">
haha
<span class="sub">hahaa</span>
</a>
</li>
</ul>
</li>
<li id="menu-item-407" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor">

试试这个：

`#menu-headmenu .sub-menu li { list-style:none;}`  add list-style in this id.

 `#menu-headmenu .sub-menu a:hover { color: #E5E5E6 !important;}`

---

将此代码包含到css中

如果没有JavaScript，您想做的事情是无法完成的，因为根本不存在

元素：hoveredinpast

伪选择器。一个快速jQuery示例如下：

$('#menu-headmenu .sub-menu li').hover({
    $(this).addClass('PermaBlue');
});

---

只要您有一个名为

PermaBlue

的CSS类，它的设置类似于

color:blue

set，这将满足您的需要。

CSS是否可能？悬停{颜色：蓝色；}请出示您的代码……不，那不行。什么也没发生。链接必须是蓝色的，如果我不悬停它或其他东西，它是灰色的。那很好。如果我把它悬停，它是蓝色的。这也很好，但是如果我转到菜单中的一个列表项（因此灰色链接是指向下拉菜单的链接），链接将返回灰色，而不是保持蓝色，如果悬停在该颜色上…你能举个例子吗？为什么要列出灰色？我希望它保持蓝色，就像它在空中盘旋一样。因此，如果什么也没有发生，它必须保持灰色。如果悬停=蓝色。如果将鼠标悬停在列表项上，那么也=蓝色我认为如果将其悬停，您需要更改下拉列表中的链接颜色。对吗？如果列表项确实悬停，我想更改链接的颜色。如果我现在将其悬停，它将保持灰色而不是蓝色。它是蓝色的，如果我只是悬停的链接。

$('#menu-headmenu .sub-menu li').hover({
    $(this).addClass('PermaBlue');
});