Как изменить цвет посещённой ссылки на сайте только с помощью CSS
Приветствую Вас, дорогие читатели блога beloweb.ru. В этот день я хочу поделиться с Вами тем как поменять цвет посещённой ссылки на сайте.
Я вот заметил, что в настоящее время многие дизайнеры и веб мастера забывают поставить этот не маловажный пункт. Честно скажу, что у меня на сайте тоже не давно посещённые ссылки цвета не меняли. Я даже как то и не задумывался о этом. Но однажды я случайно попал на один зарубежный сайт и там, переходя по его ссылкам они, так сказать, отмечались, вернее меняли цвет. И признаюсь это так удобно! :-) Ты просто видишь куда именно ты заходил на сайте. А то и такое бывает, что по одной и той же ссылке кликаешь несколько раз.
В общем удобно друзья, и это удобство мы сейчас будем реализовывать у себя на сайте.
Говорю сразу это очень просто, я сам не ожидал. И конечно же пост получится очень коротким. Так что не судите :-)
Как поменять цвет посещённой ссылки на сайте.
Пример
Друзья, пример работы посещённых ссылок в действии Вы можете посмотреть у меня на сайте, например вот в этой статье. Там Вы увидите список интересных постов, и попробуйте перейти по какой нибудь ссылке. После этого Вы увидите, что она поменяет цвет.
Как сделать?
Очень и очень просто. Делается это с помощью стилей CSS. Всего навсего мы добавляем к тегу а тег :visited, далее просто присваиваем желаемый цвет. Другими словами вот, что у меня получилось:
a:visited {
color: #8e0000;
}
Всё. Больше ничего добавлять не нужно. Просто, не правда ли? :-)
Поддержка браузеров
Тут буду короток. Данный код поддерживают все браузеры.
Вот и всё, дорогие читатели. И в этот раз надеюсь, что я Вам чем то помог. До скорых встреч.