css - a类：链接样式不起作用

Question

我正在尝试在我给类 .whatnextnav 的 div 中设置我的链接的样式。悬停样式有效，但链接无效，它仍在继承颜色：#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;
}