15 enero 2010

Pseudo clases


Pseudo-clases del ancla

En CSS1 sólo hay tres pseudo-clases y son asignadas al elemento A para mostrar de diferente manera los enlaces no visitados, los activos, los visitados y cuando el ratón pasa sobre un enlace.
Ejemplo:
A:link { color: #0099FF }
A:active { color: #FF0000; font-size: 10px }
A:visited { color: green; font-size: 12px }
A:hover {
color: #000066;
font-weight: bold;
font-style: italic;
}


Pseudo-elemento primera línea

Permite cambiar el estilo a la primera línea de un elemento de nivel de bloque como puede ser el párrafo.
 font-variant small-caps normal inherit
 font-weight bold bolder inherit lighter normal number
Un ejemplo podría ser:
p:first-line { font-variant: small-caps;
font-weight: bold }


Pseudo-element primera letra

Este pseudo-elemento es utilizado para cambiar el estilo de la primera letra de un elemento de nivel de bloque. Por ejemplo:

p:first-letter { font-size: 300%; float: left }

Etiquetas: