JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kasticketproducts" class="kasticketproducts">
    <div class="aProduct">one</div>
    <div class="aProductHeader">header one </div>
    
    <div class="aProductHeader">head two</div>
    <div class="aProduct">two</div> 
</div>

CSS

.aProduct:first-child {
    margin-top: 30px;
    background: red;
}