JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div class="parent">
<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
<div class="parent inner">
    master parent
    <div class="hide">
        parent
    </div>
    <div class="child">
        child
    </div>
    <div class="hide">
        parent
    </div>
    <div class="hide">
        parent
    </div>    
</div>
</div>

CSS

div:not(.child) > div.parent {color:red; display: block !important; }

div:not(.parent) {display: none; }
.inner > div {color:red; display: block !important;}