0

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

使用 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/

4

2 回答 2

1

怎么样：

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

ul.dropdown li:hover {
    background-color:#3e3e3e;
    display:block;
}
于 2013-09-02T06:47:24.490 回答
0

由于时间紧迫，我采取了简单的方法并删除了悬停的背景，因此当悬停在子菜单项上时我不需要更改链接颜色。我将研究 Jquery，正如一些人稍后建议的那样，看看我是否可以让它工作。

于 2013-09-02T11:54:04.190 回答