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.

Pez robot engaña a peces reales para que lo sigan.. mira en el video como lo hace.. Un pez robot está en una inusual misión para lograr convencer a los peces de verdad lo consideren un pez y naden con él. La tarea podría ayudar a ...
Convertir tráfico a resultados es igual a hacer dinero con su web De nada sirven las tecnologías que se utilicen, ni lo bonito de los sitios Web si no cumplen con su objetivo. Tres componentes fundamentales para conv...
Espacio entre Palabras y entre Letras en CSS Espacio entre Palabras: Se define mediante la propiedad "word-spacing" y puede tomar los valores "normal" (equivalente a cero) o un valor numérico...
Twitter buscando el mercado de motores de busquedas en Rusia Twitter ha tenido que buscarse la vida fuera de casa en el mercado de las búsquedas. Tras la no renovación del acuerdo con Google el año pasado y los ...
Microsoft lanza una app que convierte el teléfono en un escáner Hace algunos meses microsoft publicó una interesante aplicación para Windows Phone: "Office Lens", un programa que busca reemplazar el tradicional...
Do I need dedicated server? Having a dedicated server gives you high flexibility and a lot of options for your site. Usually you have root/admin access to the server and you ca...
Opencart Module for Dimensional Weight Shipping This extension allows you to set advanced shipping rates for your shop, and can be calculated by Dimensional Weight with Postal Code and Category supp...
Los gemelos tiran la toalla y abandonan las acciones legales contra Mark Zuckerberg Cameron y Tyler Winklevoss dejan de remar. Tras varios años litigando contra Mark Zuckerberg, presidente y creador de Facebook, blandiendo una acusaci...
Código PHP para monitorizar el tamaño de las carpetas en un hosting Cuando Tenemos una web que usan muchos usuarios, necesitamos saber cuanto crecen las carpetas críticas de la misma, por ejemplo , las imagenes y docum...
Expresiones regulares en PERL Las expresiones regulares son una suerte de lenguaje interno al perl, pero no sólo (por ejemplo se encuntran en comandos como grep, sed awk). En cualq...