Браузеры могут отличать посещенные и непосещенные ссылки. Почему бы не воспользоваться этим свойством. Даже если вы не собираетесь применять стили к ссылкам, у большинства браузеров они есть по умолчанию.

С помощью псевдо-классов можно оригинально отметить посещенные ссылки, добавив визуальный индикатор.

Так как задача состоит в добавлении индикатора к ссылкам, идеальным решением является использование псевдо-классов :before или :after.

a:visited:before {
content:  "";
}

С их помощью можно добавить содержимое к ссылкам. Однако не все так просто. Нельзя использовать стандартные символы, так как обычно вы это делаете в HTML. Например добавление ®, не сработает в большинстве браузеров. Вместо этого используйте косую черту и ASCII код символа.

a:visited:before {
content:  "\2713 ";
}

Работает в Firefox, Opera, Safari. IE7 и ниже, к сожалению, не поддерживает эти псевдо-классы. Можно решить задачу без использования :before и :after, используя только :visited и применив некоторые стили. В этом случае индикатором будет изображение.

a:visited {
padding-left: 14px;
background: url(images/checkmark.gif) left no-repeat;
}

Добавлено: 01 Мая 2018 09:41:38 Добавил: Андрей Ковальчук Нравится 0

Добавить