» »

Как выделить цветом посещённые ссылки на CSS

Как выделить цветом посещённые ссылки на CSS

Вероятно встречали такую функцию на CSS, как выделение посещаемой ссылки, где изначально одним цветом, как перешли по ней, то меняет гамма. Здесь работает так, вы читаете статью или материал, где представлены много тестовых ссылок, что переходим по ним. Но когда возвращаемся на этот материал, то видим, по какой ссылки создавался переход, то она изменилась по оттенку цвета.

Где уже пользователь и гость уже понимает, что по ней он уже переходил. За такой эффект будет отвечать псевдоселектор :visited, который предназначен для ссылок.

А точнее, у посещаемой ссылки выставлен стиль, который автоматически применяется этим селектором. Где предоставлена Demo страница, но чтоб просмотреть как работает, то вам нужно нажать на переход, и потом через браузер возвратится обратно, где увидите, что палитра изменилась, как раз по той заданной ссылки, где вы произвели переход.

Приступаем к установке:

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

CSS

Код
a {
  color:#2457b7;/* Оттенок для обычной ссылки */
}

a:visited {
  color:#b72424;/* Оттенок для посещенной ссылки */
}

Здесь есть как плюсы и минусы, которые будут состоять в том, что создать ссылку обратно по умолчанию, что нельзя вернуть, точнее когда совершили переход по ней остается в этой гамме на очень долго, где некоторые пишут, бывает такое, что вообще не возвращается в исходное состояние в изначальном цвете.

Демонстрация
27.08.2018 Просмотров: 189 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar