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

Easy!

#nav li a {
  color: white;
}

/* When hovering over li, apply styles to child a */
#nav li:hover a {
  color: blue;
}