主菜单影响子菜单

Question

我将边框样式应用于我的主菜单li。 但我的子菜单li也受到主菜单li风格的影响。 这里是示例代码，请让我知道我可以如何解决这个问题。

ul.menu li { 
     border-left:1px solid #fcfcfc; 
     border-right:1px solid #e8e8e8; 
    } 

上面的样式也在我的子菜单li上呈现。 我不想使用类或id我想直接风格来标记。 有没有什么办法，我可以停止在我的子菜单上呈现边框。

ul.menu ul li { 
     min-width: 200px; 

    } 

Answer 1

如果你只是想影响<ul>的直接孩子menu类，你需要使用这个选择：如果你有这样的结构

ul.menu > li { 
    ... 
} 

所以：

<ul class="menu"> 
    <li>One</li> 
    <li>Two 
     <ul> 
      <li>Three</li> 
     </ul> 
    </li> 
</ul> 

然后这将样式<li>元素与内容1和2，但不是子菜单<li>与三。