JSFiddle - React, Tailwind, and code Playground

by evildonald

HTML

<div class="post">Apple</div>
<div class="post">Bear</div>
<div class="post">Cat</div>
<div class="post">Donut</div>
<div class="post">Egg</div>
<div class="post">Fart</div>
<div class="post">Grease</div>
<div class="post">Hotel</div>
<div class="post">Indigo</div>
<div class="post">Juliet</div>
<div class="post">Kilo</div>
<div class="post">Lima</div>
<div class="post">Mama</div>

CSS

.post {
    background-color: yellow;
}
.post:nth-child(4n+1) {
    background-color: blue;
}
.post:nth-child(4n+2) {
    background-color: red;
}
.post:nth-child(4n+3) {
    background-color: green;
}
.post:nth-child(4n+4) {
    background-color: purple;
}