#main-menu > li:hover > a
{
background-color: #F00;
}
#main-menu > li > .submenu > li:hover
{
background-color:#00F;
}
<ul id="main-menu">
<li>
<a href="#">
<i class="fa fa-building-o" aria-hidden="true"></i>
Private Limited
<i class="fa fa-caret-down"></i>
</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>
Code Example |
---|
Css :: css grayscale image |
Css :: remove black border from border css |
Css :: add background in text |
Css :: media types in css |
Css :: scss global class |
Css :: Flexbox vs. CSS Grid |
Css :: deobfuscate css |
Css :: calculate using n nth-child |
Css :: css basic template |
Css :: function for style your theme wordpress php |
Css :: tailwindcss cdn v3 |
Css :: truncate multiline text |
Css :: change color select arrow css cf7 |
Css :: fonts from google fonts do not work |
Css :: tailwind css next |
Css :: box sizing css |
Css :: css padding property |
Css :: ie showing close icon |
Css :: inline block and 50% width not aligning items |
Css :: indexes vs foreign key |
Css :: css in head or body |
Css :: effetto fade con css |
Css :: css hover animation text |
Css :: css border-boz |
Css :: jpa select date format |
Css :: css scroll y showing scroll bar |
Css :: how we use backdrop-filter css property |
Css :: class html css |
Css :: blockquote quotation marks css |
Css :: css grid item |