span:nth-child(2n+1), ohne ein <em> unter den Kindelementen. Element 1, 3, 5, und 7 sind ausgewählt, wie erwartet.

Dieses span ist ausgewählt Dieses span is nicht. :( Wie sieht's mit diesem aus? Und dieses? Noch ein Beispiel Und noch eins Zu guter Letzt

span:nth-child(2n+1), mit einem <em> unter den Kindelementen. Element 1, 5, und 7 sind ausgewählt. 3 wird beim Zählen berücksichtigt weil es ein Kind ist, aber es ist nicht ausgewählt, weil es kein <span> ist.

Dieses span ist ausgewählt! Dieses span nicht. :( Dieses ist ein em. Wie sieht's mit diesem aus? Und dieses? Noch ein Beispiel Und noch eins Zu guter Letzt

span:nth-of-type(2n+1), mit einem <em> unter den Kindern. Element 1, 4, 6, und 8 sind ausgewählt. 3 ist nicht bei der Zählung berücksichtigt oder ausgewählt, weil es ein <em> ist, und kein <span>, und nth-of-type selektiert nur Kinder dieses Typs. Das <em> wird übersprungen und ignoriert.

Dieses span ist ausgewählt! Dieses span nicht. :( Dieses ist ein em. Wie sieht's mit diesem aus? Und dieses? Noch ein Beispiel Und noch eins Zu guter Letzt