Pseudoclase active

La pseudoclase active define los estilos para un enlace en el momento de hacer clic sobre él (presionamos y no soltamos el botón - mientras no lo soltamos, los estilos definidos están activos).

Normalmente esta pseudoclase se aplica conjuntamente con las pseudoclases link, hover y active.

Sintaxis

cssa:active {
  
}

Ejemplo

Un enlace no visitado será de color rojo, uno visitado - azul. Si pasas el cursor del ratón sobre él - se volverá verde, y si haces clic con el botón izquierdo del ratón y lo mantienes pulsado - se volverá negro (estado active):

html<a href="#">enlace</a>

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

Результат:

Ver también