代码之家 › 专栏 › 技术社区 › SearchForKnowledge

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

html-lists css html

-1

SearchForKnowledge · 技术社区 · 11 年前

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>

当我将文本链接悬停时,背景和文本颜色会改变,但当我将鼠标悬停在列表上时,背景会改变,而文本颜色不会改变。

我怎样才能解决这个问题。

2 回复 | 直到 11 年前

1

2

Pierre Irani 11 年前

@搜索知识删除 <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/

2

0

Aram810 11 年前

在CSS中

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