JSFiddle - React, Tailwind, and code Playground

by Lal Prakash

HTML

<div class="one">
    <div> </div>
    <div class="three"> </div>
    <div class="four"> </div>

</div>
<div class="one">
    <div> </div>
    <div class="three"> </div>
    <div class="four"> </div>
</div>
<div class="one">
    <div> </div>
    <div> </div>
</div>

CSS

.one>.four,.one>.three{
    width:50px;
    height:50px;
}
.one:first-child >.four
{
    background-color:red;
    height:50px;
    width:50px;
}
.one{
    width:100px;
    height:100px;
    background-color:yellow;
    margin:5px;
}
.three{
    background-color:green;
}