JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="menu">
    <ul>
        <li>Test</li>       
    </ul>
</div>
</body>

CSS

li{
    color:white;
}
.menu:hover ul li {
    color:black;
}
.menu {
    border-style:solid;
    border-color:black;
    border-width:1px;
}