Warum funktioniert :nth-child(3n) nicht?

[Gunnar Bittersmann]

@@Carmen:

nuqneH

Du hast dich verzählt. Es _wird_ das dritte, sechste, … Kind angesprochen. _Kind_, nicht div.

Verstehe ich nicht ganz, wie du das meinst. Ich spreche die Klasse "personalImage" an und möchte von diesen jeweils das dritte haben, wo bzw. wie habe ich mich dann verzählt?

Du hast :nth-child() falsch verstanden.

.personalImage:nth-child(3n) selektiert eben nicht das dritte, sechste, … Element der Klasse "personalImage"; sondern die Elemente der Klasse "personalImage", die drittes, sechstes, … Kind ihres Elternelements sind.

Das erstes Element der Klasse "personalImage" ist das dritte Kind seines Elternelements, deshalb wird dieses selektiert.

Wie kann ich hier eine Liste nehmen? Mit Liste meinst du <ul><li>?

Ja.

Qapla'