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}
4.05/5
Etiquetas