css - WordPress Twenty Twelve 自定义菜单当前菜单项样式

Question

1. 我正在尝试为子主题的侧边栏中的自定义菜单设置样式 WordPress 的 TwentyTwelve 主题。
2. 我正在尝试为当前菜单项提供灰色背景。
3. 不幸的是，“父”菜单项以某种方式将背景颜色赋予了比当前 li 菜单项宽得多的区域。

我现在正在使用这个 css 代码:

.current-menu-item {background-color:#666!important;color:#ff0000!important;font-weight:bold;}
.menu li:not(.current-menu-item) {color:#fff!important;background-color:#333!important;}

举个例子/说明我的意思:我试图在 http://populair.eu 上完成它，您会在首页上看到菜单项“populair”还在上图周围提供了灰色背景。子菜单项没问题。

奇怪的是它在我的本地主机上运行正常。

我觉得如果在 < sides> 之间有一个 < br/> 它会得到解决，但不知何故我可能会遗漏一些东西。

有人有这方面的经验吗？/应该如何设计？

Answer 1

您必须使用“.current-menu-item a”为​​ anchor 链接提供背景，而不是列表项。此外，在您的“.menu li a”上，您可能必须“显示:阻止”和“清除:两者；”。更大的区域是 float 问题。