JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="container"> 
    <li> 
        <a href="#" class="option">Test</a> 
        <ul class="submenu"> 
            <li><a href="#">Item A</a></li> 
            <li><a href="#">Item B</a></li> 
         </ul> 
     </li> 
</ul>

CSS

.container > li:hover > .option {
    color: red;
}

.container .submenu a:hover {
    color: blue;
}