franzsen: Listenelemente einrücken

Beitrag lesen

Danke Einsiedler. Eine sehr informative Seite. Erklärt „nth-child“ sehr eindrucksvoll.
Nicht ganz verstehe ich die Formel dazu:

„Wenn jedes dritte Element einer Reihe gefiltert werden soll, und zwar beginnend mit dem zweiten Element, liefert eine Formel das Element ans CSS.“
a + ( n - 1 ) * d = 2 + ( n - 1 ) * 3 = 2 + ( 3n - 3) = 2 + 3n - 3 = 3n - 1

Es gibt 5 Vertikallinien (Elemente). Wenn „a“ den Beginn des Kindes angibt ist „a“ dann 2 und „n“ also fünf. Das Ergebnis ist nach Adam Riese „3n - 1“. Bis dahin ist alles klar. Gilt für „n“ nach wie vor 5? Was bedeutet dann „3n - 1“? Sicherlich keine Adam Riese-Rechnung mehr, oder?

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? Muß man jedesmal nach dieser Formel rechnen?

--
LG Franz