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

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> 的样式里面。