title: How to select <li> inside <ul>
body: <p>Assume I have html structure as</p>
  
  <pre><code>ul
    li //this one
      ul
        li
        li
        li
    li //this one
  </code></pre>
  
  <p>I don't want to get all <code>li</code>'s.
  As I commented I just want to get first segment li's. How can I select them?</p>
  
  <pre><code>document.querySelectorAll("ul &gt; li");
  </code></pre>
  
  <p>returns all <code>li</code>'s. </p>
  
  <p>edit: actually this is just a snippet of the tree.<br>
  I can't modify the structure as adding class or id. I'm looking for an answer to get the list of first layer <code>li</code>s</p>