当前菜单选择器问题答案

【问题标题】：Current menu selector issue当前菜单选择器问题
【发布时间】：2014-05-13 02:49:45
【问题描述】：

我试图阻止下面的代码块在子菜单的当前菜单项上呈现，但它仍然呈现在它上面。如何阻止它在子菜单 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%;



}

【问题讨论】：

您是否尝试过使用选择器 :> 喜欢 :nav>ul>li 所以 ul li li 没有样式？
我已经做到了
您的代码在这里没有显示。你可以设置一个小提琴或一个codepen来向我们展示你尝试了什么，你期望的不是那么清楚（我的英语不太好）

标签： css css-selectors menuitem submenu

【解决方案1】：

无法解决其他方法，所以经过一些实验，我定位并取消了子菜单LI的背景，如下图所示，它起作用了。

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

【讨论】：