@@hannes:

nuqneH

... :nth-child/:nth-of-type wären Mittel der Wahl.

gute Idee!

Eigentlich war „media queries“ der entscheidende Teil.

foo { width: 100% }                               /* mobile first */  
@media (min-width: …) { foo { width: 50% } }      /* 2 nebeneinander */  
@media (min-width: …) { foo { width: 33.333% } }  /* 3 nebeneinander */  
@media (min-width: …) { foo { width: 25% } }      /* 4 nebeneinander */

Dafür braucht man kein :nth-child/:nth-of-type.

Zum Feintuning setze ich ggfs. zusätzlich :nth-child/:nth-of-type ein, um keine Rundungsfehler wirksam werden zu lassen. (Bspw. das letzte Element in einer Zeile nicht links, sondern rechts floaten, damit es wirklich rechtsbündig ist).

Qapla'