class a：链接样式不起作用

Question

我正在尝试在div中设置我的链接，我给了这个类.whatnextnav。悬停样式工作但不是链接，它仍然继承颜色：＃3CB6CE甚至认为Firebug说它不是。

有人能看到下面的问题吗？

.whatnextnav a:link, a:active, a:visited
  {
  color: #008566;
  text-decoration: none;
  }

.whatnextnav a:hover
  {
  color: #008566;
  text-decoration: underline;
  }

Answer 1

当多个选择器共享一个样式时，必须为每个选择器使用完整选择器。为每个选择器添加类前缀：

.whatnextnav a:link, .whatnextnav a:active, .whatnextnav a:visited
{
  color: #008566;
  text-decoration: none;
}

JS小提琴： http://jsfiddle.net/9Kqv8/

Answer 2

尝试将其更改为：

.whatnextnav a, .whatnextnav a:active, .whatnextnav a:visited
 {
  color: #008566;
text-decoration: none;
}

.whatnextnav a:hover
 {
color: #008566;
text-decoration: underline;
}