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

Данный материал предоставлен сайтом PacificSky.Ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Псевдокласс :visited


Псевдокласс :visited применяется ко всем ссылкам, которые пользователь посещал и задает им стилевое оформление.

Небольшой пример использования:
<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Псевдокласс visited</title>
  <style>
   a:link {
    color: #FF0000; /* Цвет ссылок */
   }
   a:visited {
    color: #0000FF; /* Цвет посещенных ссылок */
   }
  </style>
 </head>
 <body>
   <p><a href="link.html">Ссылка, которую посетили</a></p>
   <p><a href="link2.html">Ссылка, которую еще не посетили</a></p>
   <p><a href="link3.html">Ссылка, которую еще не посетили</a></p>
 </body>
</html>


Стиль ссылок задан в строках:
  <style>
   a:link {
    color: #FF0000; /* Цвет ссылок */
   }
   a:visited {
    color: #0000FF; /* Цвет посещенных ссылок */
   }
  </style>

Строка (a:link) задает стиль для ссылок, которые пользователь еще не посещал:
a:link

Строка ( a:visited) задает стиль для ссылок, которые пользователь посетил:
a:visited


В примере всем ссылкам, которые пользователь посетил, задан синий цвет.
Псевдокласс :visited


В данном примере кода используется поддержка кодировки UTF-8. Данная кодировка позволяет использовать в HTML русский текст.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.