Ejemplo
Inserte un texto después de que el contenido de cada <p> elemento:
p::after
{
content: " - Remember this";
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El :: después selector inserta algo después el contenido de cada uno seleccionado de element(s) .
Utilice el contenido de propiedad para especificar el contenido que desea insertar.
Utilizar el :: antes selector para insertar algo antes de que el 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 | |||||
---|---|---|---|---|---|
::after | 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 admiten la sintaxis de CSS2 de edad, solo dos puntos (:after) . Las nuevas versiones compatibles con el estándar, la sintaxis CSS 3-dos puntos dobles (::after) .
Nota: Para: después de trabajar en IE8, un <! DOCTYPE> deben ser declarados.
sintaxis CSS
::after {
css declarations ;
}
Más ejemplos
Ejemplo
Insertar contenido después de cada <p> elemento, y el estilo de los contenidos insertados:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS pseudo-elementos
CSS Selector Referencia: CSS :: antes selector