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;
}
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
font-weight bold bolder inherit lighter normal number
Un ejemplo podría ser:
p:first-line { font-variant: small-caps;
font-weight: bold }
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: 2a pseudo