JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

.row .red{
    background-color:#770000;    
    color:#fff;
}

.row .red:first-child{
    background-color:#440000;    
    color:#fff;
}

.row span:last-of-type{
    background-color:#FF0000;    
}

.row div:last-child{
    background-color:#0000BB;    
}