将鼠标悬停在列表上时如何更改 link 颜色

Question

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>

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

我该如何解决这个问题。

Answer 1

在CSS

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

Answer 2

@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>

编辑：

已更新 Fiddle http://jsfiddle.net/1htet5h1/3/

将鼠标悬停在列表上时如何更改 link 颜色

How to change link color when hovered over a list

html

css

html-lists