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

CSS селекторы

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

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

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

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:active4.02.09.63.17.012.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 селекторы