JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="red">Red</div>
    <div class="red">Red</div>
    <div class="red">Target Me With CSS???</div>
    <div class="blue">Blue</div>
    <div class="blue">Blue</div>
    <div class="blue">Blue</div>
</div>

CSS

.row > div{
    display:inline-block;
    padding:10px;
}

.row div:nth-child(3) {
    color: green;
}

.red:nth-child(3) {  
    background: yellow; 
}