如何在列表上方悬停时更改链接颜色

Question

小提琴：http://jsfiddle.net/1htet5h1/1/

HTML：

<nav>
    <div id="colors"></div>
    <ul class="navUL">
        <li><span><a href="">NY</a></span></li>
        <li><span><a href="">CT</a></span></li>
    </ul>
</nav>

当我悬停文本链接时，背景和文本颜色会发生变化，但当我将鼠标悬停在列表上时，背景会发生变化，但不会更改文本颜色。

如何解决问题。

Answer 1

@SearchForKnowledge删除<span>标记，以便您的html代码变为

<nav>
   <div id="colors"></div>
     <ul class="navUL">
       <li><a href="">NY</a></li>
       <li><a href="">CT</a></li>
     </ul>
</nav>

修改

更新了小提琴http://jsfiddle.net/1htet5h1/3/

Answer 2

在CSS中

a:hover {    
    color: #(colorCode);
}
s