Как я могу выбрать n-й дочерний элемент, не зная родительский элемент?

Я не могу понять, как выбрать 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 , последний ребенок , и селекторы nth-child и NO : first , : last , : nth (например, .select-me: first )?

7
задан BoltClock 28 January 2017 в 14:31
поделиться