Удаление подчеркивания из-за посещенной ссылки

Question

Что такое код CSS, который мне нужно написать, чтобы удалить подчеркивание из этих ссылок после их посещения?

<ul id = "header">
    <li><a href="sigur ros.html"> Home </a> </li>
    <li>Images</li>
    <li>Videos</li>
</ul>

Я попробовал это:

a:visited { text-decoration: none; }

но это не сработало.

Вот скрипка, показывающая проблему: http://jsfiddle.net/litari/X2Yjk/1/

Answer 1

Вы не можете изменить оформление текста в: посетил

Скорее установите оформление текста: нет на якорях и оформление текста: подчеркните ссылки, которые вы хотите подчеркнуть. Например, вы можете использовать класс для достижения этой цели.

a
{
   text-decoration:none;
}

a.underlined
{
   text-decoration:underline;
}

Answer 2

Я думаю, что вы должны определить состояние по умолчанию, например:

a:link { text-decoration: underline; }
a:visited { text-decoration: none; }

Answer 3

Как упоминалось ранее, изменение text-decoration за :visited якоря не работает. Но вы могли бы сделать следующее:

a {
    border-bottom:1px solid #000;
    text-decoration:none;
}

a:visited { 
    border-bottom-color:rgba(255,255,255,0);
}

Это прекрасно работает для меня: http://jsfiddle.net/Whre/N8c3A/ Чтобы проверить его с помощью Chrome, осмотрите якорь с помощью инструментов разработчика, щелкните правой кнопкой мыши по разметке и скажите "Состояние элемента Force" -> ": посещения".

Answer 4

Или попробуй

outline: 0;

Это может работать на FF.

Answer 5

Если существующий код не работает для вас, тогда, пожалуйста, добавьте "! Важное" в вашей собственности.

a:visited
{ 
     text-decoration: none !important;
}