JSFiddle - React, Tailwind, and code Playground

HTML

<div class="some-class">
        <div>
             <p>The background of this should be red.</p>
        </div>
    </div>
    
    <div class="some-class">
        <div>
             <p>The background of this should be red.</p>
        </div>
        <div>
             <p>The background of this should be blue</p>
        </div>
        <div>
             <p>The background of this should be blue</p>
        </div>
    </div>

CSS

.some-class div{
    background-color: red;
}

.some-class:nth-of-type(1n+2) div:first-child{
    background-color: red;
}

.some-class:nth-of-type(1n+2) div:nth-of-type(1n+2){
    background-color: blue;
}