Wie kann ich das N-te Element auswählen, ohne sein übergeordnetes Element zu kennen?

Auswählen eines n-ten untergeordneten Elements ohne Kenntnis des übergeordneten Elements

Bei der Arbeit mit dynamischem Code kann es schwierig sein, n-te Elemente auszuwählen, wenn das übergeordnete Element vorhanden ist ist unbekannt. Dies kann jedoch mithilfe von CSS-Selektoren wie :first-child und :nth-child() erreicht werden.

:first-child und :nth-child()

Mit diesen Selektoren können Sie Elemente basierend auf ihrer Position innerhalb ihres übergeordneten Elements auswählen. Beispielsweise wählt :first-child das erste untergeordnete Element aus, während :nth-child(2) das zweite untergeordnete Element auswählt.

Warum :first, :last, :nth nicht existieren

Im Gegensatz zu :first-child und :nth-child() existieren Selektoren wie :first, :last und :nth nicht weil es keinen Unterschied gibt, ob ein Element das erste, letzte oder n-te Element im gesamten Dokument ist. Jedes Element ist ein untergeordnetes Element eines anderen Elements, mit Ausnahme des Stammelements.

Beispiel

Um den zweiten Absatz im folgenden Beispiel auszuwählen, verwenden Sie den folgenden Selektor:

<youdontknowwhat!>
  <p class="select-me">One</p>
  <p class="select-me">Two</p>
</youdontknowwhat!>

.select-me:nth-child(2)

Dieser Selektor wählt das zweite .select-me-Element unabhängig von seinem übergeordneten Element aus.

Das obige ist der detaillierte Inhalt vonWie kann ich das N-te Element auswählen, ohne sein übergeordnetes Element zu kennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!