CSS für überlappende Spielkarten

[marctrix]

Hej TS,

Ich habe eine Liste an Karten und möchte die so darstellen, dass die sich etwas versetzt voneinander überlappen.

In verlinktem Beispiel habe ich das im ersten <ul> mit inline-styles gemacht, dass es so aussieht wie ich will.

Gibt es dafür eine Lösung ohne inline-styles?

Mit "Brute-Force", mal so aus der Hüfte geschossen:

Besser: position: relative;

Da gibt es bestimmt auch eine Möglichkeit mit nth-child().

Kann man mit CSS eigentlich abfragen, um das wievielte Kind eines Elternelementes es sich handelt?

Es muss heißen:

Kann man mit CSS eigentlich abfragen, um das wievielte Kind eines Elternelementes es sich handelt? Da gibt es bestimmt auch eine Möglichkeit mit nth-child().

So rum geht es!

Ist aber auch nicht für beliebig viele Elemente geeignet…

Marc