:active

Internet Explorer			Chrome			Opera			Safari			Firefox
6.0	7.0	8.0	2.0	3.0	4.0	9.2	9.6	10	2.0	3.1	4.0	2.0	3.0	3.6

Краткая информация

Значение по умолчанию	Нет
Наследуется	Нет
Применяется	К ссылкам (тег <A>)
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

Синтаксис

A:active { ... }

Значения

Нет.

Пример

HTML 4.01CSS 2.1CSS 3IE 6IE 7IE 8Op 9.6Op 10Sa 3.1Sa 4Cr 3Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>link</title>
  <style type="text/css">
   a:link {
    color: #0000d0; /* Цвет ссылок */
   }
   a:visited {
    color: #900060; /* Цвет посещенных ссылок */
   }
   a:active {
    color: #f00; /* Цвет активной ссылки */ 
   } 
  </style>
 </head>
 <body>
  <p><a href="task1.html">Вычислить число оборотов двигателя в минуту</a></p>
  <p>Дается: линейка, часы с секундной стрелкой, лист бумаги, нитка, карандаш, ножницы.</p>
 </body>
</html>

В данном примере задается цвет обычных, посещеных и активных ссылок. Результат примера показан на рис. 1.

Рис. 1

Рис. 1. Результат использования псевдокласса active