JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div id="b">Div B</div>
<div>random other elements</div>
<div>random other elements</div>
<div>random other elements</div>
<div id="a">Div A</div>
</div>

CSS

.wrapper {
    display: flex;
    flex-direction: column;
}
#a {
   order: -1;
}
#b {
   order: 1;
}
#b:hover ~ #a {
    background: red;
}