JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<main>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</main>

CSS

div {
    display: inline-block;
    background: green;
    height: 40px;
    width: 40px;
}

main :nth-child(3n+3) {
    background: blue;
}

main :nth-child(3n) {
    background: red;
}