如何在悬停状态下设置静态文本颜色？

Question

为什么悬停时文字不会保持白色？活跃状态应该保持白色吗？

a:hover {
  color: green;
}
nav ul {
  background-color: #444;
  text-align: center;
}

nav a {
  color: #fff;
}
nav a.active {
  color: #fff;
}
nav a:hover {
  background-color: #005f5f;
}

		<nav>
		   <ul>
		        <li><a href="#">Home</a></li>
		    </ul>
		</nav>

Answer 1

嗯，你确实在悬停时将颜色设置为绿色。删除该声明，您应该好好去：

/*a:hover {
  color:green;
}*/

编辑：

为了回答你的第二个问题，活跃的状态＆＃34; （在你的CSS中它是一个类）保持白色，因为选择器nav a.active的{​​{3}}高于a:hover。

Answer 2

删除以下内容。

a:hover {
    color:green;
}

或者如果您想了解发生了什么，请将其更改为：

a:hover {
    color:red;
}

Answer 3

将CSS用于所需文本

a:hover {
  color:#000000;
}