JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div>1</div>
<div class="margin">2</div>
<div class="margin2">3</div>

CSS

div
{
    height: 100px;
    width: 100px;
    border: 1px solid #333;
    background: #fff;
}

div.margin
{
    margin-top: -50px;
    margin-left: 50px;
}

div.margin:hover ~.margin2
{
    background: #00f;
}

div.margin2
{
    margin-top: -50px;
    margin-left: 100px;
}