html.okpython.net
HTML и CSS для начинающих

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

Псевдокласс :active (от англ. activeактивный) позволяет выбрать активный в данный момент элемент требуемого типа (таковым он становится в момент нажатия на него) и применить к нему требуемый стиль, например, span:active, a:active {блок объявлений}.

Селектор псевдоклассов напоминает селектор классов, но в отличие от классов, псевдоклассы в разметке html-документа не указываются и отделяются от указанного в селекторе элемента двоеточием «:». При этом выбираются элементы необходимого типа, которые соответствуют требованиям указанного в селекторе псевдокласса.

Синтаксис

<селектор>:active {блок объявлений}

Ссылки

Примеры

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>

		p{
		width: 400px;			 
		cursor: pointer;
		}	

		p:active{
		color: orange;			 
		}
		
	</style>
	
</head>
<body>

	<p id="go">
		Надо мною нажата кнопка мыши, поэтому текст 
		оранжевый. Отпусти, и я опять стану прежним.
	</p>
	
</body>
</html>

Пример №1