JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<ul class="toplevel">
<li><span>Level 1 1</span>
        <ul>
            <li>Level 2 1</li>
            <li>Level 2 2</li>
            <li>Level 2 3</li>
        </ul>
    </li>
    <li><span>Level 1 2</span>
        <ul>
            <li>Level 2 1</li>
            <li>Level 2 2</li>
            <li>Level 2 3</li>
        </ul>
    </li>
</ul>

CSS

.toplevel > li:hover > span {
    background-color: lightblue;
}