CSS

CSS Pseudo Clases

Efectos especiales para los enlaces de tu sitio.

¿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>

Resultado

Si presiona el enlace cambiará al color verde

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 >>>

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

CSS

Básico

Avanzado

Ejemplos y Examen

Guías de referencia