Ejemplo
Insertar algún texto antes de que el contenido de cada <p> elemento:
p::before
{
content: "Read this: ";
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El :: antes selector inserta algo antes de que el contenido de cada uno seleccionado element(s) .
Utilice el contenido de propiedad para especificar el contenido que desea insertar.
Utilizar el :: después de selector para insertar algo después del contenido.
Versión: | CSS2 |
---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 Parcial de 8,0 | 3.5 | 3.1 | 7.0 Parcial de 4,0 |
Nota: IE8 y Opera 4-6 sólo se admite el, sintaxis antigua de un solo de colon CSS2 (:before) . Las versiones más recientes apoyan la, sintaxis estándar CSS3 par de dos puntos (::before) .
Nota: Para: antes de trabajar en IE8, un <! DOCTYPE> deben ser declarados.
sintaxis CSS
::before {
css declarations ;
}
Más ejemplos
Ejemplo
Insertar contenido antes de cada <p> contenido del elemento, y el estilo de los contenidos insertados:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS pseudo-elementos
CSS Selector de referencia: CSS :: después de selector