title: Select first nested child in list but not subchilds
body: <p>I have a unordered list like:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Element one
          &lt;ul&gt;
              &lt;li&gt;&lt;a&gt;Element two&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a&gt;Element three&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now if I try to select the <code>&lt;a&gt;</code>-element of "Element two". I would do it like the following:</p>
  
  <pre><code>ul ul li:first-child &gt; a
  </code></pre>
  
  <p>This will select also the following nested <code>&lt;a&gt;</code> element. See this fiddle:</p>
  
  <p><a href="http://jsfiddle.net/38ksdpw3/" rel="noreferrer">http://jsfiddle.net/38ksdpw3/</a></p>
  
  <p>How can this be solved?</p>