Pseudoelementos

Resumen

Al igual que las Pseudo-classes, los pseudo-elementos se añaden a los selectores, pero en cambio, no describen un estado especial sino que, permiten añadir estilos a una parte concreta del documento. Por ejemplo, el pseudoelemento ::first-line selecciona solo la primera línea del elemento especificado por el selector.

Sintaxis

selector::pseudo-elemento { propiedad: valor; }

Lista de pseudoelementos

Notas

De vez en cuando se utilizan dos puntos dobles (::) en vez de solo uno (:). Esto forma parte de CSS3 y de un intento para distinguir pseudo-elementos de pseudo-clases.

Nota: ::selection siempre se escribe con dos puntos dobles (::).

Nota: Solo se puede usar un pseudo-elemento por selector. Debe aparecer después del selector simple.

Navegador Versión inferior Soporta
Internet Explorer 8.0 :pseudoelemento
9.0 :pseudoelemento y ::pseudoelemento
Firefox (Gecko) 1.0 (1.0) :pseudoelemento
1.0 (1.5) :pseudoelemento y ::pseudoelemento
Opera 4.0 :pseudoelemento
7.0 :pseudoelemento y ::pseudoelemento
Safari (WebKit) 1.0 (85) :pseudoelemento y ::pseudoelemento