On child hover change the css of Parent

Question

I want to change the css of parent on hover of Child element.

        

            
                <         


        

Answer 1

As already mentioned there is no parent selector but if you recognise that you are already hovering over the parent you can achieve what you want.

A rough example:

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

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

  

    
      
      Private Limited
      
    
    

      
Company
      
      
Contact
      
      
Industry