nth-child not working using jQuery
<p>Hello Fellas i am trying to use nth-child in my code but its not working following is my code </p>

<p><strong>HTML</strong></p>

<pre><code>&lt;ul class="colour" &gt;
    &lt;li&gt;one&lt;/li&gt;
    &lt;li&gt;two&lt;/li&gt;
    &lt;li&gt;three&lt;/li&gt;
    &lt;li&gt;one&lt;/li&gt;
    &lt;li&gt;two&lt;/li&gt;
    &lt;li&gt;three&lt;/li&gt;
  &lt;/ul&gt;
</code></pre>

<p>jQuery</p>

<pre><code>$(document).ready(function(e) {
    $('.colour ul li:nth-first-child(1)').css('color','pink');
});
</code></pre>

<p>I don't know why its not working plz help guys</p>
