CSS:通过悬停效果更改字体颜色

时间:2015-11-05 12:24:41

标签: html css

我知道这可能是一个简单的问题,但如何在悬停效果中更改字体颜色?因此,如果我尝试它,当我用鼠标移动它时,我的字体颜色不会改变。

nav ul li:hover {
 background-color:#ffffff;
 color: #000000;
}
编辑:嘿伙计们感谢您的回答!解决方案是:

a:hover{color:#000000};

非常感谢你!

5 个答案:

答案 0 :(得分:0)

试试这个:

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


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

希望这有帮助

答案 1 :(得分:0)

如果您的字体位于<a href下,那么请尝试以这种方式

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

答案 2 :(得分:0)

你可以尝试这个

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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