如何通过突出显示停止Wordpress中的下拉菜单?

时间:2012-11-29 10:26:49

标签: html css wordpress

我有一个带有下拉菜单的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;    
}

3 个答案:

答案 0 :(得分:2)

我很确定你的第二个选择器是错误的。试试这段代码:

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

答案 1 :(得分:0)

也许你可以试试这个

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

这会禁用下拉菜单中的背景图片。

答案 2 :(得分:0)

或使用

  

背景:#e9536c!important;

它将覆盖您之前的CSS样式。