title: How to select parent and not child in CSS?
body: <p>I have a menu which looks something like this:</p>
  
  <pre><code>&lt;div class="myclass" &gt;
      &lt;ul&gt;
          &lt;li&gt;
          &lt;li&gt;        &lt;------- select parent li and not child li
          &lt;li&gt;
              &lt;ul&gt;
                  &lt;li&gt; &lt;------ then select only child li
                  &lt;li&gt;
              &lt;/ul&gt;
          &lt;li&gt;
          &lt;li&gt;
          &lt;li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to style parent and child menus seperetely but I can't seem to get how to select them and style seperetely. Any help appreciated! :)</p>