Pseudoclases de CSS

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.

Autor: Lola Cárdenas
http://rinconprog.metropoli2000.com/

Usuarios que han visto este tema también han visto...

- Barra de desplazamiento a medida en CSS
- Sencilla fórmula para calcular la especificidad de los selectores CSS
- Hojas de estilo externas
- Maquetar una galería de fotos con CSS usando listas
- Controlar el desbordamiento en una etiqueta con CSS

- Versión imprimible de este documento
- Enviar por e-mail este documento