html - 我希望鼠标悬停时背景为黑色，文本为白色，鼠标悬停时背景为白色，文本为黑色

Question

我找到了这个很棒的教程 http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/

我遇到了一些问题:

例如，我希望鼠标悬停时背景为黑色，文本为白色，鼠标移开时背景为白色，文本为黑色。我怎样才能做到这一点？

因为每次我尝试更改鼠标悬停时的背景颜色，文本都会在鼠标移开时获得相同的背景颜色。

谢谢大家:)

Answer 1

试试这个:

<a class="my_link" href="#">Link</a>

CSS

.my_link {
  color: black;
  background-color: white;
}

.my_link:hover {
  color: white;
  background-color: black;
}

演示:http://jsfiddle.net/YXPFh/