JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<p>
Give to parent opacity but not effect in child 
</p>
</div>

CSS

.parent{
    width:200px;
    height:200px;
    padding:10px;
background:rgba(0,0,0,0.8);
}



body{
background:yellow;
}