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.
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}
Etiquetas