Html 如何阻止Wordpress中的下拉菜单突出显示?

Html 如何阻止Wordpress中的下拉菜单突出显示?,html,css,wordpress,Html,Css,Wordpress,我有一个带下拉菜单的Wordpress菜单。我遇到的问题是,当父页面高亮显示时,下面的下拉项也会高亮显示。这是一个问题,因为父对象用图像高亮显示。下拉菜单只需用颜色突出显示。当父页面不是当前页面时,它可以正常工作。有人能帮忙吗 #navbar li.current_page_item a { background:url(../images/activetab.png); width:95px; height:30px; } #navbar li li.curr

我有一个带下拉菜单的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;    
}
也许你可以试试这个

#navbar li li.current_page_item a {
background-image:none;
background:#e9536c;
font-size:12pt;
width:150px;    
color:black;   
}
这将禁用下拉菜单中的背景图像。

或使用

背景:#e9536c!重要的


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

我很确定您的第二个选择器是错误的。请尝试以下代码:

#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。

这解决了问题!谢谢:)