Я не могу найти способ выбора n-го, последнего или первого элемента в тех случаях, когда я не знаю родительский элемент. nth-child существует, но только для детей, например:
<div>
<p>One</p>
<p>Two</p>
</div>
p:last-child выбирает абзац «Два», а p:first-child выбирает абзац «Один». Но как насчет того, когда у меня есть динамический код, и я понятия не имею, что такое родительское имя или даже что на самом деле является родителем (может быть, div, span, anchor, ul и т. Д.)?
Например:
<youdontknowwhat!>
<p class="select-me">One</p>
<p class="select-me">Two</p>
</youdontknowwhat!>
Как мне выбрать второй абзац здесь? (Я не могу выбрать youdontknowwhat!, так как я действительно не знаю, что это за элемент (это просто гипотетическое имя).
Почему существуют селекторы first-child, last-child и nth-child и NO :first, :last, :nth (например, .select-me:first)?