CSS :activeSelector

CSS完整选择器Manual de referencia completo de selectores CSS

Ejemplo

Selecciona el estilo del enlace activo:

a:active
{
background-color:yellow;
}

Pruébalo »

Definición y uso

:active agrega un estilo especial al enlace activo.

Cuando haces clic en un enlace, se convierte en un enlace activo.

Consejo: :linkEl selector :link establece el estilo de los enlaces de páginas no visitadas,:visitedEl selector :visited establece el estilo de los enlaces de páginas visitadas,:hoverEl selector :hover establece el estilo de los enlaces cuando el ratón está sobre ellos.

Nota:Para obtener el efecto deseado, en la definición de CSS, ¡:active debe estar después de :hover!!

Soporte del navegador

Los números de la tabla indican la primera versión del navegador que admite la propiedad.

Selector
:active 4.0 7.0 2.0 3.1 9.6

Nota::active es compatible con todos los elementos en IE8 y versiones posteriores. En IE7, :active solo es compatible con enlaces.

Artículos relacionados

Tutorial de CSS:CSS Links

CSS tutorial: Pseudo-clases CSS

Examples

Más ejemplos


Ejemplo

Enlaces activos, visitados, no visitados o con el ratón sobre ellos:

a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}

Pruébalo »

Ejemplo

Enlaces con diferentes estilos:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

Pruébalo »

CSS完整选择器Manual de referencia completo de selectores CSS

Otras extensiones