如何在元素列表中选择某个元素？我有以下：
<div class="myclass">my text1</div>
<!-- some other code follows -->
<div>
<p>stuff</p>
</div>
<div>
<p>more stuff</p>
</div>
<p>
<span>Hello World</span>
</p>
<div class="myclass">my text2</div>
<!-- some other code follows -->
<div>
<p>stuff</p>
</div>
<p>
<span>Hello World</span>
</p>
<input type=""/>
<div class="myclass">my text3</div>
<!-- some other code follows -->
<div>
<p>stuff</p>
</div>
<footer>The end</footer>
我有CSS类div.myclass {做事}适用于所有，显然，但我也想要能够选择类.myclass的第一，第二或第三个div这样，无论他们在标记：
div.myclass:first {color:#000;}
div.myclass:second {color:#FFF;}
div.myclass:third {color:#006;}
几乎像jQuery索引选择.eq(索引)，这是我目前使用，但我需要一个无脚本的选择。
具体来说，我正在寻找伪选择器，而不是像添加另一个类或使用ID来使事情工作。
