CSS : Selector visitado
Ejemplo
Seleccionar y diseñar enlaces visitados:
a:visited
{
color: pink;
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El :visited
selector se utiliza para seleccionar enlaces visitados.
Sugerencia: use el selector de enlaces para diseñar enlaces a páginas no visitadas, el selector de desplazamiento para diseñar enlaces cuando pase el mouse sobre ellos y el selector activo para diseñar enlaces cuando haga clic en ellos.
Los navegadores limitan los estilos que se pueden configurar para los enlaces visitados, debido a problemas de seguridad.
Los estilos permitidos son:
- color
- color de fondo
- border-color (y border-color para lados separados)
- color de contorno
- columna-regla-color
- las partes de color de relleno y trazo
Todos los demás estilos se heredan de a:link.
Versión: | CSS1 |
---|
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el selector.
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Sintaxis CSS
:visited {
css declarations;
}
Más ejemplos
Ejemplo
Seleccione y diseñe enlaces no visitados, visitados, flotantes y 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;
}
Ejemplo
Enlaces de estilo con diferentes estilos:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
páginas relacionadas
Tutorial CSS: Enlaces CSS
Tutorial CSS: Pseudoclases CSS