Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Псевдокласс :visited

Дата:8.12.15 в 14:34
Справочник: 

Характеристики свойства

В каких браузерах работает?

4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Такие псевдоклассы привязывают свое оформление к ссылкам, которые были уже посещены пользователем. Стоит отметить, что именно браузер запоминает какие ссылки быле уже посещены. Поэтому, при очистке кеша или сбросе настроек все ссылки будут оформлены, как не посещенные.

Как правильно задавать?

a:visited { ... }

Какие могут быть значения?

Нет.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>visited</title>
  <style>
   a:link {
    color: #4757c8; 
   }
   a:visited {
    color: #c3c3c3; 
   }
  </style>
 </head>
 <body>
	<p><a href="#">А вот эту страничку пользователь уже посетил</a></p>
	<p><a href="##">Ссылка, по которой еще не переходили</a></p>    
 </body>
</html>

По итогу получаем

link

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: