Nie mogę znaleźć sposobu na wybór n-tego elementu, ostatniego elementu lub pierwszego elementu w przypadkach, gdy nie znam elementu nadrzędnego. nth-child istnieje, ale tylko dla dzieci, na przykład:Jak mogę wybrać n-ty dziecko bez znajomości elementu nadrzędnego?
<div>
<p>One</p>
<p>Two</p>
</div>
p:last-child wybiera paragraf „dwa”, a p:first-child wybiera „jeden” akapit. Ale co z tym, że mam kod dynamiczny i nie mam pojęcia, czym jest nazwa rodzica, a nawet czym naprawdę jest rodzic (może to być div, span, anchor, ul, itp.)?
Na przykład:
<youdontknowwhat!>
<p class="select-me">One</p>
<p class="select-me">Two</p>
</youdontknowwhat!>
Jak wybrać tutaj akapit drugi? (Jestem w stanie wybrać youdontknowwhat! ponieważ ja naprawdę nie wiem, co to jest elementem (to tylko hipotetyczne nazwa).
Dlaczego istnieją first-child, last-child i nth-child selektorów i nr :first, :last, :nth (jak .select-me:first)?
? Czy * img: nth-child (2) również działa? –
Jak ': first' być różny od': pierwszej child'? Każdy element HTML jest dzieckiem jakiegoś innego elementu w DOM z wyjątkiem '' który jest elementem głównym. – BoltClock
To dlatego, że nie znasz elementu nadrzędnego. – fomicz
"Dlaczego nie: pierwszy, ostatni i: n selektory". Dokładnie! A CZEMU DO LICHA NIE? –