Опубликовано: 18.08.2010 Последняя правка: 10.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

:active

Псевдокласс CSS :active используется для изменения стиля элементов, предназначенных для взаимодействия с пользователем, в момент их активации. Например, ссылок или кнопок в момент нажатия.

Тип псевдокласса

Назначение: псевдоклассы.

Применяется: В CSS не определено к каким элементам можно применять псевдокласс :active, но все браузеры его поддерживают для тега <A>, а некоторые для тегов <INPUT> и <BUTTON>.

Псевдокласс :active должен указываться после :hover, если тот присутствует, а если он используется для ссылок то также после :link и :visited. В противном случае :active может не сработать.

Значения

Нет.

Синтаксис

селектор:active {  }

Пример CSS: использование :active

<!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>seodon.ru - CSS псевдокласс :active</title>
  <style type="text/css">
   a:link    { color:#0066cc } /* цвет непосещенных ссылок */
   a:visited { color:#810081 } /* посещенных */
   a:hover   { color:#66cc00 } /* ссылок под курсором */
   a:active  { color:#ff0000 } /* в момент активации */
  </style>
 </head>
 <body>
  <p><a href="http://spravka.seodon.ru/css/">Справочник по CSS</a></p>
  <p><a href="http://spravka.seodon.ru/html/">Справочник по HTML</a></p>
 </body>
</html>

Результат примера

Результат. Использование псевдокласса CSS :active.

Использование псевдокласса CSS :active

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:ДаДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа