Css 菜单赢了'；在子菜单中悬停时不会更改

所以基本上我想让我的菜单在子菜单悬停时保持悬停状态， 我已经试过了

但它仍然不会像我想的那样改变，我错在哪里了？ 这是我的片段

#topmenu li li:hover a:hover{
  color: #000;
  text-decoration: none;
  background-color: #fff;
  text-shadow: 0 0 1px #000; 
}

---

关于，

不知道为什么要用

左键隐藏子菜单：-999em而非
显示：无

下面是一个更新的jsFiddle：它使用
display:none和
显示：块以显示子菜单

当用户将鼠标悬停在顶层
li
时，您要做的是显示子菜单。所以你可以这样做
li:hover-ul
。对于您的特定CSS，请修改以下内容：

#顶部菜单{
/*左：-999em；拆下*/
显示：无；/*添加*/
}
/*添加以下内容*/
#topmenu li：悬停ul{
显示：块；
}

如果出于某种原因确实需要使用
left
，请执行以下操作：

#topmenu li:悬停ul{
左：0；
}

它将使您的子菜单从被推到左侧的
-999em
中恢复。虽然它可能不会放在你想要的地方

更新1

这将是我最后一次帮助你。你需要知道好的反馈会帮助别人帮助你。我知道你是新来的，但在回答问题时，“不做我想做的事，对我们和你都没有帮助

我只是根据您在评论中链接到的JSFIDLE猜测您想要什么

以下是新的JSFIDLE：

下面你将看到我在前后所做的更改。为了简洁起见，我只突出显示了我更改的属性

之前

#topmenu ul{/*…*/}
#顶级菜单{
填充顶部：0px；
垫底：0px；
}
#李莉：第一个孩子{
边缘顶部：14px；
边界：0；
}

之后

/*添加了子选择器'>'，因此只有顶级导航
项目背景为红色*/
#topmenu>ul{}
/*将所有边上的填充设置为0*/
#顶级菜单{
填充：0；
}
/*删除了整个规则-#topmenu li li:第一个孩子*/

更新2

试试这个：

#topmenu>ul>li:悬停{
背景色：白色；
}
#topmenu>ul>li:悬停>a{
颜色：黑色；
}
看这把小提琴：
http://jsfiddle.net/mSNqT/46/

这将很有帮助。
显示您的HTML结构以及显示您的所有菜单CSS，因为可能有其他样式覆盖您的菜单CSS。
以下是我用
#topmenu a:hover li li a:hover{}
尝试过的完整css和html，但仍然不能按我的意愿工作。av ul li:hover ul li a:hover{border:0无；padding:10px；background:#ff0000；}在我的代码中尝试一下，在子菜单悬停的地方，顶部的菜单仍然有白色背景。我的JSFIDLE显示子菜单。上面链接到的那个也可以。您希望您的子菜单在可见时是什么样子？你需要对人们更加清楚，否则他们会停止帮助你。简单地说“没有我想要的效果”不会让你有任何收获。请给我们一些细节！我的意思是，子菜单看起来就像我写的那样，但当我在子菜单（子类）中悬停时，菜单（父类）的颜色正在改变，就像它悬停时一样（先是红色，然后是白色背景）我为我的英语感到抱歉您希望在悬停子菜单时父菜单项的背景不会改变吗？是的，当我悬停父菜单时，它仍处于状态，在我的代码中，我悬停子菜单时父菜单背景为红色，但我希望为白色（与父菜单悬停时一样）