Question

我正在尝试编辑wordpress中的菜单，但我似乎无法为当前页面菜单项提供我想要的背景颜色（突出显示效果）。

当我把这个css放进去......

ul#menu-menu-1.nav.navbar-nav a {
background-color: #FFFFFF;
z-index:9999999;
}

......链接背景变白了（这就是我想要的）。然后我补充说：

ul#menu-menu-1.nav.navbar-nav a:hover {
background-color: #34676b;
}
ul#menu-menu-1.nav.navbar-nav a:active {
background-color: #34676b;
}

a:hover有效，但a:active没有。接下来我试了......

.current_page_item and .current_page_item a:active

...但没有任何作用，下面的代码就是我现在所拥有的，它也不起作用。任何帮助将不胜感激，希望所有的CSS（我不知道PHP）。

谢谢，莉莎

ul#menu-menu-1.nav.navbar-nav {
padding-top:30px;
}
ul#menu-menu-1.nav.navbar-nav a {
background-color: #FFFFFF;
z-index:9999999;
}
ul#menu-menu-1.nav.navbar-nav a:hover {
background-color: #34676b;
}
ul#menu-menu-1.nav.navbar-nav li.current_page_item a:focus {
background-color: #34676b;
}
li#menu-item-14.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-        item.current_page_item.menu-item-home.menu-item-14.active {
background-color: #34676b;
}

Answer 1

如果我理解这一点，您只想突出显示当前页面链接？

如果是这样的话：

li.current_page_item a {
    background-color: #34676b;
}

应该工作。

搜索有效<li>，然后在其中设置<a>的样式。

Answer 2

我遇到了几乎相同的问题，我使用以下代码来解决它。

li.current-menu-item a {
    background-color: #34676b;
}

如果您想要在选择项目菜单后更改文本的颜色，请执行以下操作：

li.current-menu-item a {
    color: #34676b;
}

无法突出显示当前菜单项/页面wordpress

2 个答案: