JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="test">
    <li class="test">
        li.test>span:hover
        {
        text-decoration: underline
        }
        <span>Item1</span>
        <ul>
            <li class="test"><span>Item2</span> </li>
        </ul>
    </li>
<ul>