JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Lorem ipsum.</li>
  <li>Lorem ipsum.</li>
  <li>Lorem ipsum.</li>

</ul>

CSS

ul{
    display: flex;
    flex-direction: column-reverse;
}
li:hover ~ li{
    background:red;
}