CSS
Básico
CSS HomeCSS Introducción
CSS Sintaxis
CSS Su uso
CSS Fondo
CSS Texto
CSS Fuente
CSS Bordes
CSS Contorno
CSS Margen
CSS Padding
CSS Lista
CSS Tablas
Avanzado
CSS DimensionesCSS Efectos Visuales
CSS Ubicación
CSS Contenido/Numerac.
CSS Pseudo Class
CSS Pseudo Element
CSS Tipos de Medios
Ejemplos y Examen
CSS EjemplosCSS Examen
Guías de referencia
CSS Guía de ReferenciaCSS Colores
CSS Código de Colores
CSS Pseudo Clases
<<< Contenido y Numeración automática Pseudo Elementos >>>
¿Qué son las pseudo clases?
Las pseudo clases se usan junto con el selector para agregarle a este algún efecto especial.
Sintaxis de las pseudo clases
La sintaxis está compuesta por 4 elementos:
selector:pseudo-clase {propiedad:valor}
a:link {color:#00FF00}
El elemento <a> y las pseudo clases
Si por ejemplo desea que los enlaces se vean de algún color determinado antes de ser visitados y de un color distinto después de visitarlos, este sería el codigo a utilizar.
Código
<head>
<style type="text/css">
a:link {color:#FF0000} /* Color rojo - enlace no visitado */
a:visited {color:#00FF00} /* Color verde - enlace visitado */
</style>
</head>
<body>
<a href="fin.html">Si presiona el enlace cambiará al color verde</a>.
</body>
Propiedades de las pseudo clases
| Propiedad | Descripción | Ej. |
|---|---|---|
| :link | Enlaces no visitados. |  |
| :visited | Enlaces visitados. | |
| :active | Cuando es activado(tiempo entre que se pulsa un botón sobre él y se suelta). | |
| :hover | Cuando se posiciona el cursor sobre él pero no se activa. | |
| :focus | Cuando tiene el foco posicionado sobre él. | |
| :lang | Especifica el lenguaje usado en el elemento. | |
| :first-child | Cuando es el primer hijo de un elemento padre. | |
¿No encuentras lo que buscas?
<<< Contenido y Numeración automática Pseudo Elementos >>>
Diseño Web
Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.
Copyright 2007 - 2009 by Martín Solomiak. Todos los derechos reservados.
Mapa del sitio
