Matthias Apsel: Listenelemente einrücken

Beitrag lesen

Hallo franzsen,

Im darauffolgendem Beispiel habe ich 10 Elemente.
„li:nth-child(3n-1) { background: red }“

Wo ist notiert, daß es bei Element zwei beginnen soll? Wo, daß jedes 3. Element betroffen ist?

3n = jedes dritte Element.
3 × (n=1) - 1 = 2 = beginne mit dem 2.

Setze für alle Zahlen von 1 bis … ein, und du erhältst alle gewünschten Elemente.

3,6,9,12,15,…

doch halt, du wolltest ja beim 2. beginnen

3n-1 liefert dir für n=1 die gewünschte 2

Bis demnächst
Matthias

--
Rosen sind rot.