问更改鼠标悬停在导航上时的颜色

EN

因此，为了实现这种“悬停”效果，你应该利用css的:hover，当鼠标悬停在元素/类/id上时，允许你设置样式。既然你在谈论背景色，你甚至可以让它很好地过渡：

read more about :hover...

​

div{
  display:inline-block;
  background:gray;
  transition: all 0.8s; /*allows animation*/
  padding:10px;
  margin:5px;
  }

div:hover{
  background:lightblue;
  }

<div>hi. You could hover me</div><div>...or me</div>

​

便笺

这是样式化元素的通用模式/方法。您可以编辑您的样式，以便在其他元素上实现悬停效果；

elementTag:hover{}

类；

.className:hover{}

id's;

#MyID{}

或选择‘other’；

.myParentClass:hover .myChild{}

例如，如果父元素悬停，上面的选择器将更改子元素。

还有:active和:focus选择器，当选择是“活动的”或“聚焦的”时，它们定义规则，但这更符合文本输入。

顺便说一句，这些css2.1的选择器可用于a LOT of browsers -如此之多，甚至连IE7都支持它！因此可以在所有网站上安全地使用:)

Documentation