title: CSS to select top level of a ul
body: <p><code>li &gt; ul &gt; li</code> selects all <code>li</code> elements which are deeper than the first level of a <code>ul</code>.</p>
  
  <p><code>li</code> selects all li elements</p>
  
  <p><code>li:not(li &gt; ul &gt; li)</code> should select all <code>li</code> elements which are no deeper than the first level of a <code>ul</code>--that is, only first level elements--but it doesn't. Why? </p>
  
  <p>Thanks!</p>