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
::after::before::first-letter::first-line::selection::backdrop::placeholderExperimental::markerExperimental::spelling-errorExperimental::grammar-errorExperimental
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 |