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

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;
}*/

编辑:

要回答您的第二个问题，事件“状态”(在您的 CSS 中它是一个类)保持白色，因为选择器 nav a.active 具有更高的 specificity比a:hover。