1
Ich versuche nth-Kind zu verwenden, um jede andere Gruppe von 5 Zeilen zu färben. Der Code unten funktioniert, aber ich weiß nicht immer, wie viele Zeilen insgesamt da sind. Sie werden immer ein Vielfaches sein von 5.Farbblöcke von 5 Zeilen mit nth-Kind
p:nth-child(n+8):nth-child(-n+12),:nth-child(n+18):nth-child(-n+22) {
background: #ff0000;
}
<h1>This is a heading</h1>
<p>The 1 paragraph.</p>
<p>The 2 paragraph.</p>
<p>The 3 paragraph.</p>
<p>The 4 paragraph.</p>
<p>The 5 paragraph.</p>
<p>The 6 paragraph.</p>
<p>The 7 paragraph.</p>
<p>The 8 paragraph.</p>
<p>The 9 paragraph.</p>
<p>The 10 paragraph.</p>
<p>The 11 paragraph.</p>
<p>The 12 paragraph.</p>
<p>The 13 paragraph.</p>
<p>The 14 paragraph.</p>
<p>The 15 paragraph.</p>
<p>The 16 paragraph.</p>
<p>The 17 paragraph.</p>
<p>The 18 paragraph.</p>
<p>The 19 paragraph.</p>
<p>The 20 paragraph.</p>
<p>The 21 paragraph.</p>
<p>The 22 paragraph.</p>
<p>The 23 paragraph.</p>
<p>The 24 paragraph.</p>
<p>The 25 paragraph.</p>
Gibt es eine Möglichkeit der n-ten Kind zu verwenden, dies zu tun, was auch immer für die Zeilenanzahl wird?
Scott