JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<div>test
    <span>1</span>
    <span>2</span>
    <p>test</p>
</div>
<div>test
    <span>1</span>
    <span>2</span>
    <p>test</p>
    <div>another branch
        <p>test branch2</p>
        <span>1</span>
    <span>2</span>
    </div>
    
</div>

CSS

div > *{
    display:none;
    background-color:#ff0000;
        color:#00ff00;
}
div:hover > *{
    display:inherit !important;
}
div{
    background-color:#cc5555;
    
}