mozilla

Pseudoelementos

Resumen

Al igual que las pseudoclases, los pseudoelementos se añaden a los selectores, pero, a diferencia de las primeras, no describen un estado 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:pseudoelemento {
  propiedad: valor;
}

Lista de pseudoelementos

Notas

Los pseudoelementos se seleccionan con dos puntos dobles (::), aunque la mayoría de navegadores también soportan solo dos puntos (:). Esto es para distinguir pseudoelementos de pseudoclases.

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

Solo se puede usar un pseudoelemento por selector y se añade 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

 

Etiquetas y colaboradores del documento

Contributors to this page: teoli, jota1410
Última actualización por: teoli,