JSFiddle - React, Tailwind, and code Playground

by uttara

HTML

<div id="root">
    <div id="top">title</div>
    <div id="main">
        <div id="1">1</div>
        <div id="2">2</div>
        <div id="3">3</div>
        <div id="4">4</div>
        <div id="5">5</div>
    </div>
</div>

CSS

#root:hover #main {
    display:block;
}

#main {
    display: none;
}

#main > div:hover {
    background: red;
}