Как я могу выбрать определенный элемент в списке элементов? У меня есть следующее:
<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 {doing things}
, который применим ко всем, очевидно, но я также хотел иметь возможность выбрать первый, второй или третий div класса .myclass
, как это, , независимо от того, где они находятся в разметке:
div.myclass:first {color:#000;}
div.myclass:second {color:#FFF;}
div.myclass:third {color:#006;}
Почти как индекс индекса jQuery .eq( index )
, который я использую в настоящее время, но мне нужна альтернатива no- script.
Чтобы быть конкретным, я ищу псевдоселекторы, а не такие вещи, как добавление другого класса или использование идентификаторов, чтобы все работало.