Как скрыть посещенные ссылки?

Question

[ramovich]

Имеется страничка HTML с текстовыми блоками, представляющими собой ссылки

<a href="тут_адрес_ссылки" target="_blank"><div class="k">Тут какой то текст</div></a>

Нужно как-то сделать так, чтобы ранее посещенные ссылки не отображались на странице.

Пожалуйста, прежде чем советовать мне a:visited {display: none;} проверьте работоспособность этого метода, поскольку у меня это не сработало на гугл хроме.

Comments

[Сергей Сергей]

это исключительный случай, связанный с "уязвимостью" истории браузеров.

Answer 1

[Артем Сошников]

Как вариант a:visited выставить что-либо из этого: opacity:0; position:absolulte; left: -999999; height: 0; overflow: hidden;

Другой вариант: на js при нажатии ссылки писать в localStorage селекторы этих ссылок и при загрузке страницы (или другом событии) просто удалять их из DOM.

Третий вариант, передавать инфу на бэк и там уже рулить состоянием ссылки, например на основе сессии.

В любом случае скрывать посещенные ссылки странная затея, но топик не об этом :)

Comments

[ramovich]

Спасибо, но все перечисленные вами свойства CSS не сработали. На бэкенде не могу ничего сделать так как страница со ссылками локальная и формируется скриптом на десктопе.

Answer 2

[Андрей Федоров]

Не будет работать. Т.к. :visited ограничен грубо говоря только значениями цвета текста и фона. Максимум что можно сделать задать одинаковый цвет фону и тексту, но цвет фона должен быть определен заранее в селекторе a:link. Иначе не сработает.