JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">

<div class="child">Hello i m child</div>

</div>

CSS

.parent{
    padding:20px;
    background:rgba(112,81,246,0.3);
   
}



.child{
   
    padding:20px;
    background:rgba(112,81,246,.6);
   
}