Css 如果列表项处于打开/悬停状态，则父链接必须具有不同的颜色

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

这就是

正常状态。没有悬停，什么都没有。它是灰色的，这很好。例如，如果我将鼠标悬停在FAQ上，它将变为蓝色。那也没关系。。。但是现在。如果我把鼠标悬停在FAQ上，我会得到一个下拉列表。然后，如果我将鼠标悬停在一个列表项上，FAQ消息（蓝色）将变成灰色。我希望它保持蓝色

如前所述。。我想把常见问题涂成蓝色。我猜这与父类或活动状态有关？我该怎么做？这是我的代码：

<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">
faq
<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">
no
<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">
<a href="blablablabla">
blablbala
<span class="sub"></span>
</a>
<ul class="sub-menu">
<li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom">
</ul>
</div>

根据您的代码，替换此规则：

#menu-headmenu li a:hover {
    background: none repeat scroll 0 0 #80806E;
    color: white;
}

与：

根据您的代码，替换此规则：

#menu-headmenu li a:hover {
    background: none repeat scroll 0 0 #80806E;
    color: white;
}

与：

将鼠标悬停在链接上，而不是放在列表项上。例如：

.home #menu-headmenu li:hover {...}

将其放在列表项上，而不是将：悬停在链接上。例如：

.home #menu-headmenu li:hover {...}

您可以使用此css代码处理此问题：

.menu-item:hover a:first-child
{
    background: #80806E;
    color:#fff;
    text-decoration:none;
}

致以最诚挚的问候
您可以使用此css代码处理此问题：

.menu-item:hover a:first-child
{
    background: #80806E;
    color:#fff;
    text-decoration:none;
}

致以最诚挚的问候
将鼠标悬停在
a
元素上也需要
颜色：白色你是对的。a应该在那里，就像上面的答案一样。悬停在
a
元素上也是
color:white需要的你是对的。a应该在那里，就像上面的答案一样。谢谢，但这会使所有列表a项目的颜色不同。我只想给FAQ一个不同的颜色。谢谢，但这会使所有列表中的项目都有不同的颜色。我只是想给FAQ一个不同的颜色。编辑：是的，发生了一些事情，但是再次强调：现在所有列表元素都有相同的颜色。我只是想给FAQ一个不同的颜色。@user1717526让我明白。。。链接和子菜单悬停时，第一个链接必须为蓝色？是的，没错。当鼠标悬停或子菜单项/菜单悬停时，“常见问题解答”必须为蓝色。@user1717526 ok，但您的小提琴中没有常见问题解答。看看“关于我们”发生了什么。它是有效的，所以如果你的实时代码中没有它，那么可能会发生其他事情……看看我给你的图片：这里有一个常见问题解答。我看到关于我们的作品，在我的网站上也是如此，但是，现在所有的链接都和关于我们的颜色一样。我只希望它发生在常见问题，而不是所有的链接。编辑：是的，发生了一些事情，但又一次：现在所有列表元素都有相同的颜色。我只是想给FAQ一个不同的颜色。@user1717526让我明白。。。链接和子菜单悬停时，第一个链接必须为蓝色？是的，没错。当鼠标悬停或子菜单项/菜单悬停时，“常见问题解答”必须为蓝色。@user1717526 ok，但您的小提琴中没有常见问题解答。看看“关于我们”发生了什么。它是有效的，所以如果你的实时代码中没有它，那么可能会发生其他事情……看看我给你的图片：这里有一个常见问题解答。我看到关于我们的作品，在我的网站上也是如此，但是，现在所有的链接都和关于我们的颜色一样。我只希望它发生在常见问题，而不是所有的链接。所以它起作用了，但部分。。。