Wie man Stil auf eine bestimmte Reihe von Elementen anwendet

Question

Ich versuche, ein Mosaik aus Bildern mit CSS zu bauen. Ich war auch schon ziemlich weit weg .. Ich fragte mich, wie ich das zweite und dritte Bild wählen würde, ohne die erste und vierte, und dann wieder 5 und 6, 8 und 9 usw.

Answer 1

Sie können es auf diese Weise tun, indem Verwenden des n-ten Terms der Reihe 1, 4, 7, 10 ... welches 3n - 2 ist.

.test { 
    background-color: red; 
} 

.test:nth-child(3n -2) { 
    background-color: blue; 
} 

Hier ist eine Arbeits Geige - https://jsfiddle.net/sgsvenkatesh/gLp9t453/