No puedo encontrar una manera de seleccionar el enésimo elemento, el último elemento o el primer elemento en los casos en que no conozco el elemento principal. nth-child existe, pero sólo para los niños, por ejemplo:¿Cómo puedo seleccionar un enésimo hijo sin conocer el elemento padre?
<div>
<p>One</p>
<p>Two</p>
</div>
p:last-child selecciona el párrafo "Dos", y p:first-child selecciona el "Uno" párrafo. Pero, ¿qué pasa cuando tengo un código dinámico y no tengo idea de cuál es el nombre principal, o incluso qué es realmente el padre (puede ser un div, span, ancla, ul, etc.)?
Por ejemplo:
<youdontknowwhat!>
<p class="select-me">One</p>
<p class="select-me">Two</p>
</youdontknowwhat!>
¿Cómo selecciono el segundo párrafo aquí? (Soy incapaz de seleccionar youdontknowwhat! ya que realmente no sé qué elemento es (es sólo un nombre hipotético).
¿Por qué hay first-child, last-child y nth-child selectores y NO :first, :last, :nth (como .select-me:first)?
? Will * img: nth-child (2) también funciona? –
¿Cómo ': first' ser diferente de': primera child'? Cada elemento HTML es hijo de algún otro elemento en el DOM excepto '' que es el elemento raíz. – BoltClock
Sería porque no conoce el elemento principal. – fomicz
"Por qué no: primero,: último y: enésimo selector". ¡Exactamente! ¿PORQUE DIABLOS NO? –