Question

好的，我会尽力解释这个问题。我想要一个下拉菜单，当你将鼠标悬停在菜单项的子项上时，我只希望该菜单项是不同的颜色，但子菜单项应该保持不变。

使用li：hover方法，使子菜单和菜单项都变为该颜色。是否有任何方法只在子菜单悬停时更改顶部菜单项？

提前致谢

编辑：这是我目前的CSS

.dropdown-horizontal-container
{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
ul.dropdown li ul li
{
  border-bottom: #FFF 1px solid;

}
ul.dropdown li 
{
  position: relative !important;
  display: block !important;
}
ul.dropdown li a 
{
    position: relative !important;
  display: block !important;
  padding: 10px 15px !important;
}
ul.dropdown li a:hover
{
  color:#428bca !important;
}

PS：这会覆盖wordpress插件生成的css。不太确定如何发布它生成的代码...如果它有助于插件http://wordpress.org/plugins/dropdown-menu-widget/

Answer 1

怎么样：

ul.dropdown:hover {
    background-color:#fff;
} 

ul.dropdown li:hover {
    background-color:#3e3e3e;
    display:block;
}

Answer 2

由于我的时间很短，我采取了简单的方法并删除了悬停的背景，因此当将鼠标悬停在子菜单项上时我不需要更改链接颜色。我将调查Jquery，因为有些人稍后会建议，看看我是否能让它工作。

将鼠标悬停在子菜单上时如何更改菜单项的颜色

2 个答案: