Я не могу понять, как выбрать 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
)?