主菜單影響子菜單

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>與三。