在当前菜单项上悬停状态

Question

我遇到了一个小问题，似乎是修复屁股的痛苦。我设置了这个wordpress菜单http://bandmark.com，每个菜单项都有自己的背景图片。我遇到的问题是我无法删除或覆盖控制“.current”背景的样式。在主页上它们看起来很好但是如果你点击一个链接去一个页面/类别，那么.current风格开始并与演示混淆。当您将鼠标悬停在当前菜单项上时，图形会以奇怪的角度滑入并且看起来不太好。

    nav#omc-main-navigation ul li.current-menu-item a

似乎是我需要覆盖的元素。如果我将背景更改为无，则会出现空白屏幕。无论如何得到.current状态是相同的：悬停？就像我上面说的那样，他们都有自己的菜单项 - {number}。如果这听起来有点令人困惑，我道歉。

Answer 1

你可以在.hurrent风格中添加.current吗？例如：

a:hover, a .current { background-color: #333; }

http://jsfiddle.net/e2vTN/

Answer 2

您已定义悬停状态，例如：

nav#omc-main-navigation ul li#menu-item-4200 a:hover { background: ... }

添加当前菜单项，如下所示：

nav#omc-main-navigation ul li#menu-item-4200 a:hover,
nav#omc-main-navigation ul li#menu-item-4200.current-menu-item a { background: ... }