image
Valora:   4.2/5 de 25
Inicio » CSS » Manual » Clases y pseudoclases




Pseudoclases

Por Lola Cárdenas.
rinconprog.metropoli2000.com

Hay ocasiones en las que HTML da a algunas etiquetas un estilo propio: por ejemplo, los enlaces aparecen por defecto de otro color y subrayados. Estos elementos son las pseudoclases. Por ahora, sólo están definidas para la etiqueta <A>.

La forma de definir un estilo para una pseudoclase es la siguiente:

etiqueta:pseudoclase {propiedad1:valor;...;propiedadN:valor}
y las pseudoclases de que disponemos son:

link Nos dice el estilo de un enlace que no ha sido visitado.
visited Nos dice el estilo de un enlace que ha sido visitado.
active Nos dice el estilo de un enlace que está siendo pulsado.
hover Nos dice el estilo de un enlace sobre el que está pasando el ratón.


Por ejemplo, si deseasemos que apareciesen todos los enlaces sin subrayar, definiriamos los siguientes estilos:

A:link,A:visited,A:active {text-decoration:none}

Las pseudoclases pueden usarse de forma conjunta con las clases, para aplicar ese estilo sólo en casos concretos, siguiendo la notación:

A.NombreClase:pseudoclase
y también se pueden usar en función del contexto.






Comparte


Aportaciones de usuarios A�adir una aportaci�n
James (james@ecodig.com)11/02/2004

Para que la pseudo clase de la etiqueta <A> funcione correctamente el orden de las declaraciones debe ser el siguiente:
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}


Páginas relacionadas
   Internos

Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.