Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Pseudoelementos

Resumen

Al igual que las pseudo-classes, 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

 Colaboradores en esta página: VictorAbdon, teoli, jota1410
 Última actualización por: VictorAbdon,