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>

CSS

#kasticketproducts .aProduct {
    margin-top: 30px;
    background: red;
}
#kasticketproducts .aProduct ~ .aProduct {
    margin-top: 0;
    background: none;
}