JSFiddle - React, Tailwind, and code Playground

by FlasJunior

HTML

<div class="holder">
    <div>bla</div>
    <div class="bla">1</div>
    <div class="bla">2</div>
    <div class="bla">3</div>    
</div>
    


<div class="holder">
    <div class="bla">1</div>
    <div class="bla">2</div>
    <div class="bla">3</div>
    <div class="bla">4</div>    
</div>

CSS

.holder{
   border:1px solid red;
    padding:5px 5px 0 5px;
}

.bla{
    border:1px solid #333;
    background: #ccc;
    margin:0 0 5px 0;
    padding:5px;
}

.holder div[class="bla"]:nth-of-type(odd){
    background:red;
}