Псевдоклас active

Псевдокласът active задава стилове за връзка в момента на натискане върху нея (натиснахме и не пуснахме бутона - докато не го пуснем, зададените стилове работят).

Обикновено този псевдоклас се прилага съвместно с псевдокласите link, hover и active.

Синтаксис

cssa:active {
  
}

Пример

Непосетената връзка ще бъде червена, посетена - синя. Ако посочите върху нея с мишката - тя ще стане зелена, а ако натиснете левия бутон на мишката и го задържите - ще стане черна (състояние active):

html<a href="#">връзка</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Вижте също