CSS :: antes del selector
Ejemplo
Inserta algo de texto antes del contenido de cada elemento <p>:
p::before
{
content: "Read this: ";
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El ::before
selector inserta algo antes del contenido de cada elemento seleccionado.
Utilice la propiedad de contenido para especificar el contenido que se va a insertar.
Use el selector ::after para insertar algo después del contenido.
Versión: | CSS2 |
---|
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el selector.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintaxis CSS
::before {
css declarations;
}
Más ejemplos
Ejemplo
Inserte contenido antes del contenido de cada elemento <p> y aplique estilo al contenido insertado:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
páginas relacionadas
Tutorial CSS: Pseudo-elementos CSS
Referencia del selector de CSS: CSS :: después del selector