Wie wird so etwas umgesetzt?

[Gunnar Bittersmann]

@@M.:

nuqneH

Könntest du mir dann vielleicht auch verraten wie ich die beiden <span> unterscheiden kann um genau das CSS zu verwenden wie die Klassen derzeit?

Erstes:
span:first-child{} oder span:nth-child(1){}

Zweites:
span:last-child{} oder span:nth-child(2){}

Hatten wir das nicht kürzlich erst, dass das Unsinn ist?

Was, wenn später noch Informationen hinzukommen, bspw. E-Mail-Adresse und Telefonnummer unter der Rolle? Ich glaub nicht, dass eins davon wie der Name typografiert sein sollte.

:nth-child() ist gut geeignet, *gleichartige* Elemente zu stylen, bspw. Zebrastreifen in einer Tabelle. Oder Blöcke mit Bild und Text in einer Bildergalerie oder auf einer Produktübersichtsseite (think :nth-child(4n) { clear: both }).

:nth-child() ist eher nicht dazu geeignet, *verschiedenartige* Elemente zu stylen. Dazu gibt es besseres. Die Verschiedenartigkeit sollte im Markup ausgezeichnet sein, z.B. mittels Klassen.

Qapla'