CSS :beforeSelector
Manual de referencia completo de selectores CSS
Ejemplo
Insertar contenido antes de cada elemento <p>:
p:before
{
content:"Read this: ";
}
{
content:"Read this: ";
}
Pruébalo »
Definición y explicación
El selector :before inserta contenido antes del elemento seleccionado.
Use la propiedadcontentpara especificar el contenido que se va a insertar.
Soporte del navegador
Los números de la tabla indican la primera versión del navegador que admite esta propiedad.
| Selector | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 Parcial desde 8.0 |
3.5 | 3.1 | 7.0 Parcial desde 4.0 |
Nota:Para que :before funcione en IE8, se debe declarar<!DOCTYPE> 。
Artículos relacionados
Tutorial de CSS:CSS Pseudo-elements
Manual de referencia de selectores CSS:Selector CSS :after
Más ejemplos
Ejemplo
Contenido y estilo insertados antes de cada <p>:
p:before
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
Pruébalo »
Manual de referencia completo de selectores CSS Otras extensiones