html - 単純な css の問題 - li:hover の場合に li 内のアンカーを変更する方法

Question

私はこのコードを持っています:

<ul class="horizmenu">
   <li>
      <a>Link</a>
   </li>
</ul>

http://jsfiddle.net/pAgS9/ で jsfiddle

その領域にカーソルを合わせると、テキストliの色が白に変わるはずです。aホバーするとまだ黒で、ホバーするaと白になります。

どうすればcssでこれを達成できますか?

Answer 1

li:hover a {
    color: #F0F;
}

Answer 2

.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}

Answer 3

これを変える：

.horizmenu li a:hover, a:active {
text-decoration: none;
color: #ffffff;
}

これに：

.horizmenu li:hover, a:active {
text-decoration: none;
color: #ffffff;
}