Ejemplo
Seleccione el estilo y el enlace activo:
a:active
{
background-color: yellow;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El selector: activa se utiliza para seleccionar el estilo y el enlace activo.
Un enlace se activa cuando se hace clic en él.
Consejo: El selector: activa se puede utilizar en todos los elementos, no sólo enlaces.
Tip: Utilice el : enlace selector para enlaces a páginas de estilo no visitados, el : visited selector para enlaces de estilo a las páginas visitadas, y el : hover selector para enlaces de estilo al pasar el ratón sobre ellos.
Note: : activo debe venir después: libración (if present) en la definición CSS con el fin de ser eficaz!
| Versión: | CSS1 |
|---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
| Selector | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Nota: Internet Explorer 8 y versiones más recientes apoyan el selector: activa en todos los elementos. IE7 sólo es compatible con el selector: activa en los enlaces.
sintaxis CSS
:active {
css declarations ;
}
Más ejemplos
Ejemplo
Seleccione un estilo y <p>, <h1> y <a> elemento cuando se hace clic en él:
p:active, h1:active, a:active {
background-color: yellow;
} Inténtalo tú mismo " Ejemplo
Seleccione el estilo y no visitado, visitó, suspender, y los vínculos activos:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Inténtalo tú mismo " Ejemplo
enlaces de estilo con diferentes estilos:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Enlaces CSS
CSS tutorial: clases CSS Pseudo