1

我遇到了一个小问题，似乎很难解决。我已经设计了这个 wordpress 菜单http://bandmark.com并且每个菜单项都有自己的背景图像。我遇到的问题是我无法删除或覆盖控制“.current”背景的样式。在主页上它们看起来不错，但是如果您单击链接转到页面/类别，那么 .current 样式就会启动并与演示文稿混淆。当您将鼠标悬停在当前菜单项上时，图形会以一个奇怪的角度滑入，看起来不太好。

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

似乎是我需要覆盖的元素。如果我将背景更改为无，我会得到一个空白屏幕。无论如何要让 .current 状态与 :hover 相同？就像我上面说的，他们都有自己的菜单项-{number}。如果这听起来有点令人困惑，我深表歉意。

4

2 回答 2

2

您可以将 .current 添加到 :hover 样式吗？例子：

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

http://jsfiddle.net/e2vTN/

于 2012-12-29T22:25:02.890 回答
1

您在哪里定义了悬停状态，例如：

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: ... }
于 2012-12-29T22:26:09.750 回答