Schnelles N-Kind-Problem

8

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!

    
abbas_arezoo 15.12.2014, 15:39
quelle

1 Antwort

14

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%

%Vor% %Vor%
    
Terry 15.12.2014, 15:43
quelle

Tags und Links