css - クラス a: リンクのスタイリングが機能しない

Question

クラス .whatnextnav を指定した div 内でリンクのスタイルを設定しようとしています。ホバー スタイルは機能していますが、リンクは機能していません。まだ色を継承しています。

誰でも以下の問題を見ることができますか?

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

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

Answer 1

複数のセレクターが 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;
}