Change text color when hovered over li

Question

I want to change the text color of links when an

element is hovered over. Right now I have

#nav li a:hover {
  margin-left: -10px;
  pad         


        

Answer 1

Try Something Like this

 #nav li a 
{
  margin-left: -10px;
  padding-left: 10px;
  background-color: #13118C;
  color: white; 
  font-weight: bold;
  width: 100%;

}

apply styles to child a

#nav li:hover a 
{
 margin-left: -10px;
 padding-left: 10px;
 background-color: #13118C; 
 font-weight: bold;
 width: 100%;
 color: blue;
 }