如何从二级菜单中删除菜单项类

时间:2014-05-11 22:18:01

标签: css wordpress

我正在构建一个wordpress主题。我的菜单是从wordpress获取课程,如:.current-menu-item,.current_page_item&我正在使用它们来自定义我的活动菜单背景颜色:

.current-menu-item a, .current_page_item a {
    background-color: #ffef38;
}

但问题是我在页脚中有一个辅助菜单,这也是从css获得这种风格的。我的页脚的CSS非常简单:

#footnav {
    float: right;
}

#footnav li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 0.5em;
}

#footnav li:last-child {
    border-right: none;;
}

所以我的问题是,如何才能从页脚菜单中删除活动菜单样式?

1 个答案:

答案 0 :(得分:1)

将样式配置为页脚上的任何内容:

#footnav .current-menu-item a, #footnave .current_page_item a { background-color:transparent; }

或使您的初始选择器更具体:

nav.myclass .current-menu-item a, nav.myclass .current_page_item a {
    background-color: #ffef38;
}

由于您听起来像是只关心样式,我不会考虑触及实际生成这些类的PHP,因为它们可能依赖于其他事物(例如的JavaScript。)