JSFiddle - React, Tailwind, and code Playground

by btipling

HTML

<div class="container">
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
    <div class="row">row </div>
</div>

CSS

.row {
    color: blue;
}
.row:nth-child(4n+3) {
    color: magenta;
}
.row:nth-child(4n+4) {
    color: magenta;
}