JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kasticketProducts">
    <div class="aProductHeader">1</div>
    <div class="aProduct">2</div>
    <div class="aProductHeader">3</div>
    <div class="aProduct">4</div> 
    <div class="aProduct">5</div> 
</div>

CSS

#kasticketProducts .aProduct {
    color: red;
}

#kasticketProducts .aProduct ~ .aProduct {
    color: black;
}