CSS: Change font color by hover effect

Question

I know it's probably an easy question but how can I change my font color in a hover effect? So if I try it my font color doesn't change when I go with my mouse over it.

nav ul li:hover {
 background-color:#ffffff;
 color: #000000;
}

EDIT: Hey guys thanks for your answer! The solution was:

a:hover{color:#000000};

Thank you a lot!

Answer 1

Try this:

<style>
li:hover {
    color: red;
}
</style>


<nav>
  <ul>
    <li>hi</li>
  </ul>
</nav>

Hope this helps

Answer 2

if your font is under in <a href then plz try by this way

nav ul li a:hover {
 background-color:#ffffff;
 color: #000000;
}

Answer 3

你可以试试这个

 li a:hover { background-color: green; }

Answer 4

nav:hover, ul:hover, li:hover{
 background-color:#ffffff;
 color: #000000;
}

Answer 5

nav ul li:hover a{
  background:#fff;
  color:#000;
}