当前菜单选择器问题

Question

我正在尝试将下面的代码块保留在子菜单的当前菜单项上呈现，但它仍然呈现在它上面。如何阻止它在子菜单LI上的渲染

 #nav-bar ul:not(.sub-menu) li.current-menu-item
    {
        filter: alpha(opacity=100);
        opacity: 1;
        zoom: 1px;
        background-color:#65B6D3;
        @include vertical-gradient(#74D7FC, #4B7C8E);
        text-shadow:0 1px 1px rgba(255,255,255,0.5);
        height: 100%;



}

Answer 1

无法解决另一种方式，所以经过一些实验后，我定位并取消了子菜单LI的背景，如下所示，并且有效。

#nav-bar li.menu-item-has-children ul.sub-menu li.current-menu-item {
    background: none ;
}