JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="one"></div>
</div>
<div class="two">

CSS

div
{
    width: 50px;
    height: 50px;
    background: pink;
}

.two {
    height: 20px;
    background: #000;
    width: 20px;
}

div:nth-of-type(1):hover + .two {
    background: #f00;
}

.one + .two {
    background: #f00;
}