html - 如何阻止 Wordpress 中的下拉菜单突出显示？

Question

我有一个带有下拉菜单的 Wordpress 菜单。我遇到的问题是当父页面被突出显示时，下面的下拉项目也被突出显示。这是一个问题，因为父级用图像突出显示。下拉菜单需要用颜色突出显示。当父页面不是当前页面时，它可以正常工作。有人能帮忙吗？

#navbar li.current_page_item a {
    background:url(../images/activetab.png);
    width:95px;
    height:30px;    
}

#navbar li li.current_page_item a {
    background:#e9536c;
    font-size:12pt;
    width:150px;    
    color:black;    
}

Answer 1

我很确定您的第二个选择器是错误的。试试这个代码：

#navbar li.current_page_item a {
    background:url(../images/activetab.png);
    width:95px;
    height:30px;    
}

#navbar li.current_page_item li a,
#navbar li li.current_page_item a {
    background:#e9536c;
    font-size:12pt;
    width:150px;    
    color:black;    
}

这将针对作为当前页面项目的子元素的 li，以及作为当前页面项目的第二（或更多）级 li。

Answer 2

或使用

背景：#e9536c！重要；

它将覆盖您以前的 css 样式。

Answer 3

也许你可以试试这个

#navbar li li.current_page_item a {
background-image:none;
background:#e9536c;
font-size:12pt;
width:150px;    
color:black;   
}

这应该禁用下拉菜单中的背景图像。