JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li><a href="#">Main menu</a>
        <ul>            
            <li><a href="#">Sub menu 6</a></li>
        </ul>
    </li>
</ul>

CSS

#menu li a       {background: #e8e8e8}
  #menu li:hover>a {background: #51C786}
  #menu li li a          {background: #36A668}