JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
    <div id="a">Div A</div>
    <div id="b">Div B</div>
    <div id="c">Div C</div>
    <div id="d">Div D</div>
</div>

CSS

#all:hover div {
    background:#ccc;
}
#all:hover div:hover {
    background:none;
}