我正在尝试在 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;
}
最佳答案
如果我没理解错的话,你只是想高亮显示当前页面链接?
如果是:
li.current_page_item a {
background-color: #34676b;
}
应该可以。
它搜索事件的 <li>
然后设置 <a>
的样式里面。
关于css - 无法突出显示当前菜单项/页面 wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24773491/