CSS псевдокласс :active

Значение и применение

Псевдокласс :active используется для выбора активного элемента - элемента на который в данный момент пользователь кликнул мышкой. Стиль для элемента применится и будет работать пока удерживается кнопка мыши.

Поддержка браузерами

Селектор	Chrome	Firefox	Opera	Safari	IExplorer	Edge
:active	4.0	2.0	9.6	3.1	7.0	12.0

CSS cинтаксис:

:active {
блок объявлений;
}

Версия CSS

CSS1

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

<!DOCTYPE html>
<html>
<head>
	<meta charset = "UTF-8">
	<title>Псевдокласс :active</title>
<style>
p.test:active, h3.test:active, a.test:active { /* групповой селектор */
background-color: orange; /* устанавливаем цвет заднего фона */
}
</style>
</head>
	<body>
		<h3 class = "test">Заголовок третьего уровня с классом test</h3>
		<p class = "test">Абзац с классом test</p>
		<a class = "test" href = "#">Ссылка с классом test</a>
	</body>
</html>

Выберите любой элемент и удерживайте на нём кнопку мыши:

Заголовок третьего уровня с классом test

Абзац с классом test

Ссылка с классом test
CSS селекторы