На этот вопрос уже есть ответ:

У меня есть несколько стилей ссылок для нашего сайта, и CSS выглядит следующим образом:

a:link {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    color: #0676b3;
}

a:visited {
    color: #666;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    background: #A5C2DB;
    border-radius: .1875em;
    padding: 0 .1875em;
}

Вот Jsfiddle чтобы показать, как они Предполагается смотреть в разных штатах:

a {
  display: inline-block;
  margin: 10px;
}
/*  these styles are for presentation of the link states they are NOT the styles in my stylesheet*/

a.link {
  font-family: Verdana, Tahoma, Geneva, sans-serif;
  font-size: .875em;
  text-decoration: none;
  color: #0676b3;
}
a.visited {
  color: #666;
  text-decoration: underline;
}
a.hover {
  color: #fff;
  background: #A5C2DB;
  border-radius: 0.1875em;
  padding: 0 0.1875em;
}

<a class="link">Regular Link</a>
<br />
<a class="visited">Visited Link</a>
<br />
<a class="hover">Hovered Link</a>

: ссылка = синий текст без оформления

: visit = серый текст подчеркнут

: hover = белый текст с голубым фоном

The:link а также:hover работает нормально, но по какой-то причи:visited штат отказывается показывать подчеркивание. в Chrome и Firefox с помощью Firebug или инспектора я вижу:visited стиль в действии и текст серого цвета, только он отказывается отunderline штат

Есть идеи, что я делаю не так?