Das gibt es nicht.
Aber irgendwie schon!
Bram beleuchtet, wie frustrierend .bar:nth-child(2) ist. Es bedeutet nicht „wähle das zweite Element der Klasse .bar aus“. Es bedeutet „wähle das zweite Element aus, wenn es auch die Klasse .bar hat“. Die gute Nachricht? Es gibt einen echten Selektor, der Ersteres tut.
:nth-child(2 of .bar) { }Nur Safari unterstützt ihn. Hier sind die Tickets für Chrome und Firefox.