How to keep all the parent except the first LI highlighted when the sub LI is hovered over

Question

HTML:

    

        Software Update
        

           


        

Answer 1

You should just change your .active rule to apply to all li elements that are hovered.

ul.ulSubMenu li:hover,
.active {
    background-color: #008AAC;
    color: #C5F3FF;
}

This should work as you want because when you hover over an element, all its parents are hovered as well.