Permite la asignación de estilos a estructuras, estados de los elementos o estados del propio documento, las cuales no deben estan definidas en la estructura del propio documento.

Pseudo-Clases

En el caso de los enlaces, algunos de ellos hacen referencia a páginas que ya han sido o no visitadas. No hay ninguna forma posible de poder formatear de forma diferente estos tipos de enlaces en HTML, para ello utilizamos unas estrucuturas virtuales que no se corresponden con ningún objeto del documento HTML, conocidas como pseudo-clases.

En CSS1, hay sólo tres pseudo-clases:

  • :link. Hace referencia a cualquier enlace no visitado de la página.
  • :visited. Hace referencia a cualquier enlace ya visitado de la página.
  • :active. Hace referencia al enlace en el que estamos haciendo click en este momento o estamos activando. En CSS1 sólo se puede definir esta propidedad sobre los enlaces, mientras que en CSS2 esta propiedad se aplica a cualquier elemento.

Pseudo-Elementos

En CSS1, hay dos pseudo-elementos que son :first-letter and :first-line. Se utilizan para dar estilo a la primera letra de un elemento de bloque (un párrafo por ejemplo) y a su primera línea respectivamente. Ejemplo:

P:first-letter {color: red;} P:first-line {color: gray;}

Restricciones en las Pseudo-Clases y los Pseudo-Elementos

Cuando aplicamos un pseudo-elemento sólo podemos emplear en su definición, los siguientes estilos:

  • :first-letter
    • propiedades de las fuentes
    • fondos y colores
    • text-decoration
    • vertical-align (si float es none)
    • text-transform
    • line-height
    • margenes
    • padding
    • bordes
    • float
    • clear
  • :first-line
    • propiedades de las fuentes
    • fondos y colores
    • word-spacing
    • letter-spacing
    • text-decoration
    • vertical-align
    • text-transform
    • line-height
    • clear

En CSS1, no podemos combinar una pseudo-clase y un pseudo-elemento para la misma definición de estilo. Esto cambia en CSS2, aunque la sintaxis de definición es bastante rígida.

Google trabaja en unas lentes de contacto inteligentes Los investigadores de Google X entran en un nuevo campo de la tecnología wearable. En esta ocasión se trata de unas lentes de contacto inteligentes. L...
Nuevo Chrome 17 Apenas un par de día de la llegada de la versión de Chrome para dispositivos móviles conocemos que el navegador de Google ofrece la versión final Chro...
Como preparar tu oficina para tu nuevo trabajo en casa Trabajar en casa puede es una de las cosas más satisfactorias del mundo, pero también puede ser una pesadilla son no te organizas bien. Seguro que te ...
Ranking Navegadores Enero 2012 Coincidiendo con el lanzamiento de Chrome 17, conocemos el dato que apunta una pérdida de usuarios del navegador de Google. Este nueva situación co...
HTC se abre a desarrolladores HTC Dev o HTC Developer Center, es la nueva plataforma de HTC con la que la compañía taiwanesa pretende dar un mejor soporte a cualquier desarrollador...
Facebook por fin saldría a la bolsa el 18 de mayo Facebook ya está listo para su estrenar su Oferta Pública Inicial (IPO) y empezar a cotizar en el NASDAQ, con fecha programada para el día 18 de mayo,...
Nintendo confirma el lanzamiento de la Wii U a finales de este año Ya hay fecha para la Wii U, la nueva consola de Nintendo. El CEO de la compañía de videojuegos, Satoru Iwata, ha comunicado que la sucesora de la Wii ...
Adios Windows XP,Nos dejó a Bliss el fondo de un día perfecto que muchos creian era montaje Muchos nos saben que el famoso fondo Bliss de Windows Xp, que nos acompaño por años es de un paisaje real.. El fotografo autor del mismo cuent...
Más del 90% de los usuarios de Facebook odia aparecer en fotos de otros usuarios sin permiso Casi todos los usuarios de Facebook están de acuerdo que es de mala educación subir fotos de uno sin que a uno le pidan permiso. De acuerdo a una encu...
Apple ya compró el dominio iPhone5.com La Organización Mundial para la Propiedad Intelectual (WIPO, por sus siglas en inglés) ha comunicado que ha interrumpido la actividad de iphone5.com, ...
Pseudo-clases y Pseudo-elementos
Tagged on: