Trouble making css :last-child work for me <p>Obviously I must be doing something wrong, but I can't figure out what's wrong with this, it's driving me crazy.</p> <p>The selector I'd LIKE to use is: <code>.menu ul li:last-child &gt; a</code></p> <p>The 'unique selector' that firefox gives me is <code>.menu &gt; ul:nth-child(1) &gt; li:nth-child(5) &gt; a:nth-child(1)</code></p> <p>the HTML is: </p> <pre><code>&lt;div class='menu'&gt; &lt;ul&gt;&lt;li&gt;&lt;a href=''&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='1'&gt;Link 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='2'&gt;Link 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='3'&gt;Link 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='4'&gt;Link 4&lt;/a&gt;&lt;/li&gt; &lt;ul&gt; &lt;/div&gt; </code></pre> <p>How is <code>li:last-child &gt; a</code> not selecting 'Link 4'? I am really quite confused, so thanks in advance for the upcoming lesson.</p>