A elementet med hover osv.

Jeg har følgende:
A:active, A:link, A:visited
{
  text-decoration: none;
  font-weight: bold;
}

A:active.green, A:link.green, A:visited.green
{
  color: green;
}

A:active.red, A:link.red, A:visited.red
{
  color: red;
}

A:active.yellow, A:link.yellow, A:visited.yellow
{
  color: yellow;
}

A:hover
{
  text-decoration: underline overline;
  color: white;
}

hvorfor bliver tekstfarven ikke hvid, når man holder musen over et link med class='red' f.eks.???