JSFiddle - React, Tailwind, and code Playground

by Andrea Biagi

HTML

<ul id="main-menu">
  <li>
    <a href="#">
      
      Private Limited
      
    </a>
    <ul class="submenu">
      <li><a href="#0">Company</a>
      </li>
      <li><a href="#0">Contact</a>
      </li>
      <li><a href="#0">Industry</a>
      </li>
    </ul>
  </li>
  
  </ul>

CSS

#main-menu > li:hover > a
{
  background-color: red;
}

#main-menu >  li > .submenu > li:hover
{
  background-color:blue;
}