JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="testmenu">
    <li>
        <a href="#">I will change color</a>
    </li>
    <li>
        <div>
            <a href="#">I will not</a>
        </div>
    </li>
</ul>

CSS

#testmenu li:hover > a{
    color: #fafafa;
}