CSS псевдо-класс :active
Поддержка браузерами
12.0+ | 7.0+ | 2.0+ | 4.0+ | 9.6+ | 3.1+ |
Описание
Псевдо-класс :active используется для выбора активного элемента, т.е. того элемента на который в данный момент пользователь кликнул мышкой. Имейте ввиду, что стиль для элемента применится и будет работать только в то время, пока удерживается кнопка мыши. Синтаксис псевдо-класса достаточно прост: сначала указывается селектор определяющий элемент, затем, сразу после него указывается псевдо-класс :active.
a:active { color: red; }
Примечание: псевдо-класс :active должен быть расположен после псевдо-класса :hover (если он используется).
Пример:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> a:active { background-color:yellow; } </style> </head> <body> <a href="#">Ссылка</a><br> </body> </html>