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

Question

我正在构建一个 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;;
}

所以我的问题是，如何才能仅从页脚菜单中删除事件菜单样式？

Answer 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。)