CSS - Pseudo-clase: activo

Descripción

La pseudoclase: active se usa para agregar un efecto especial a un elemento activado.

Al definir pseudoclases en un bloque <style> ... </style>, se deben tener cuidado con los siguientes puntos:

a: hover DEBE ir después de un: enlace y un: visitado en la definición de CSS para que sea efectivo.
a: active DEBE ir después de a: hover en la definición de CSS para que sea efectivo.
Los nombres de pseudo-clases no distinguen entre mayúsculas y minúsculas.
La pseudoclase es diferente de las clases CSS pero se pueden combinar.

Valores posibles

color - Cualquier valor de color válido.

Se aplica a

Elemento de anclaje / enlace.

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo utilizar : clase activa para cambiar el color de los enlaces activos.

<html>
   <head>
      <style type = "text/css">
         a:active {color: #FF00CC}
      </style>
   </head>

   <body>
      <a href = "/html/index.htm">Click This Link</a>
   </body>
</html>

Esto producirá el siguiente enlace. Esto cambiará su color a rosa cuando el usuario haga clic en él.

↰ Previous page