Flex-Box: gibt es eine Pseudoklasse o.ä. für erstes/letztes Element einer Reihe

[Gunnar Bittersmann]

@@MudGuard

Je nach Größe des Viewports und der enthaltenen Boxen bricht das also nach irgendwelchen mir nicht bekannten Boxen um.

Ich hätte jetzt gerne die jeweils ersten/letzten Boxen einer Zeile mit anderen Styles versorgt als die dazwischen.

Haben die Boxen gleiche Breite? Dann ließe sich sicher mit media queries und :nth-child() was machen. Aufwändig, aber machbar.

Aber dann wäre vielleicht auch Grid Mittel der Wahl, nicht Flexbox.

Haben sie unterschiedliche Breite, also in etwa so wie display: inline-block-Boxen? Dann stößt du an die Grenzen von CSS, AFAIS.

Da müsstest du wohl mit JavaScript ran: offsetLeft abfragen – bezogen aufs Containerelement, das dazu positioniert sein muss (z.B. mit position: relative). So wie ich das für hanging punctuation mache.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!