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

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


Псевдокласс :activeприменяется ко всем активным ссылкам. Ссылка считается активной в момент нажатия на нее клавишей мыши.

Небольшой пример использования:
<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Псевдокласс active</title>
  <style>
   a:link {
    color: #FF0000; /* Цвет ссылок */
   }
   a:visited {
    color: #0000FF; /* Цвет посещенных ссылок */
   }
   a:active {
    color: #00FF00; /* Цвет активной ссылки */ 
   } 
  </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>

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

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

Строка ( a:active) задает стиль для ссылок, на которые пользователь нажал клавишей мыши.
a:active


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


В данном примере кода используется поддержка кодировки UTF-8. Данная кодировка позволяет использовать в HTML русский текст.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
  • Яндекс.Метрика
  • Счетчик PR-CY.Rank
  • Рейтинг@Mail.ru