JSFiddle - React, Tailwind, and code Playground

by gvee

HTML

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

CSS

li:hover
{
    background-color: red;
}

li:hover + li
{
    background-color: lime;
}

.previous
{
    background-color: blue;
}

JavaScript

$('li').hover(function() {
    $(this).prev().toggleClass('previous');
});