JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div>div 1</div>
    <div>div 2</div>
    <div>div 3</div>
    <div>div 4</div>
    <div>div 5</div>
    <div>div 6</div>
    <div>div 7</div>
    <div>div 8</div>
    <div>div 9</div>
    <div>div 10</div>
    <div>div 11</div>
    <div>div 12</div>
</div>

CSS

.container div { background: blue; }
.container div:nth-child(n + 8) {     background: red; }