僅在一個無序列表

Question

選擇父項正確的選擇我有一個無序列表如下：

<ul id="menu"> 
    <li><a href="#">Event Overview</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
     </ul> 
    </li> 
    <li><a href="#">About</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
     </ul> 
    </li> 

    <li><a href="#">Blog</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
     </ul> 
    </li> 

    <li><a href="#">Contact</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
      <li><a href="#">Some Text Here</a></li> 
     </ul> 
    </li> 

</ul> 

，我需要選擇所有父列表項的，但不是孩子列表項。例如，我需要選擇包含「事件概覽」的列表項目，但不包含包含「一些文本」的列表項目。

通常情況下，我的選擇器將如下#menu-nav li但這選擇所有列表項目，包括子項目。

這是什麼適當的選擇器？

Answer 1

子選擇器（線索天使唱）：

#menu > li 

它只會選擇li元素是的#menu直接孩子。