在悬停时更改下拉菜单的背景颜色

Question

我正在尝试在悬停状态下更改菜单的子菜单背景颜色。我尝试使用firebug来找到相关的css类，但只是部分成功。

如果您访问该网站（http://www.yogaacademy.com.au/new/），您会看到悬停时同时存在灰色和黑色背景。我希望它完全是黑色的。

这是一个wordpress网站，使用woothemes canvas主题和一些自定义。 html（下面）非常标准，但是我无法弄清楚相关css的确切位置：canvas.css和css /以及canvas-child主题中的custom.css。

非常感谢您的帮助。

感谢。

Answer 1

尝试删除“float：left;”来自custom.css第143行中的#main-nav li

#main-nav li {
 /* float: left; */

Answer 2

在layout.css第211行中将背景颜色更改为黑色

#navigation ul.nav ul {
background: black; /*#e6e6e6 => black*/
left: -1px;
}

Answer 3

变化：

#navigation ul.nav ul {
background: #e6e6e6;
}

到

#navigation ul.nav ul {
background: #000000;
}

我认为这个CSS系列来自：第211行的wp-content / themes / canvas / css / layout.css

干杯

Answer 4

转到该子菜单类，然后输入此代码:(假设它被称为子代）

child:hover { background-color:black}

Answer 5

**Try this code......**
Put in you style sheet.
#navigation ul.nav ul li:hover{
    background: #000000;
}

Answer 6

<强> HTML

#myNav ul.nav ul li a:hover{
    background: #000000;
}

<强> CSS

{{1}}