Ich habe ein kurzes :nth-child
Problem, das ich zu lösen versuche. Ich ziele darauf ab, jedes 3. und 4. Item in einer Gruppierung von 4 Items anzusprechen, die eine Liste bilden.
Zum Beispiel:
%Vor% In diesem Beispiel möchte ich auf alle Instanzen von <div class="different">
zielen - ich habe eine Menge n-Kind-Generatoren verwendet, um eine Antwort zu finden, aber nichts bringt mich dazu, was ich brauche.
Jede Hilfe wäre sehr willkommen!
Verwenden Sie div:nth-child(4n-1), div:nth-child(4n)
. Die Logik ist einfach - Sie möchten Elemente in Vierergruppen auswählen, also wäre 4n
der gemeinsame Nenner. Da Sie die vorletzten und die letzten Elemente in der Gruppe auswählen möchten, würden 4n-1
bzw. 4n
die Aufgabe übernehmen.
Wie folgt ist ein einfaches Diagramm, das meinen Punkt veranschaulicht:
%Vor%
Tags und Links css css-selectors