我遇到了一个小问题，似乎很难解决。我已经设计了这个 wordpress 菜单 http://bandmark.com 并且每个菜单项都有自己的背景图像。我遇到的问题是我无法删除或覆盖控制“.current”背景的样式。在主页上它们看起来不错，但是如果您单击链接转到页面/类别，那么 .current 样式就会启动并与演示文稿混淆。当您将鼠标悬停在当前菜单项上时，图形会以一个奇怪的角度滑入，看起来不太好。
nav#omc-main-navigation ul li.current-menu-item a
似乎是我需要覆盖的元素。如果我将背景更改为无，我会得到一个空白屏幕。无论如何要让 .current 状态与 :hover 相同？就像我上面说的，他们都有自己的菜单项-{number}。如果这听起来有点令人困惑，我深表歉意。
【问题讨论】：
你能把 .current 添加到 :hover 样式吗？示例：
a:hover, a .current { background-color: #333; }
【讨论】：
您在哪里定义了悬停状态，例如：
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: ... }
【讨论】：
nav#omc-main-navigation ul li#menu-item-4200.current-menu-parent a、nav#omc-main-navigation ul li#menu-item-4200.current-post-ancestor a 和nav#omc-main-navigation ul li#menu-item-4200.current-category-ancestor a 以覆盖所有基础也是一个好主意。