CSS :: Псевдокласс :active
Псевдокласс :active
(от англ. active – активный)
позволяет выбрать активный в данный момент элемент требуемого типа (таковым он становится в момент нажатия на него) и применить к нему
требуемый стиль, например, span:active, a:active {блок объявлений}
.
Селектор псевдоклассов напоминает селектор классов, но в отличие от классов, псевдоклассы в разметке html-документа не указываются и отделяются от указанного в селекторе элемента двоеточием «:». При этом выбираются элементы необходимого типа, которые соответствуют требованиям указанного в селекторе псевдокласса.
Синтаксис
<селектор>:active {блок объявлений}
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/selectors-4/#active-pseudo
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/:active
Примеры
<!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