CSS ::después del selector
Ejemplo
Inserte algo de texto después del contenido de cada elemento <p>:
p::after
{
content: " - Remember this";
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El ::after
selector inserta algo después del contenido de cada elemento seleccionado.
Utilice la propiedad de contenido para especificar el contenido que se va a insertar.
Use el selector ::before para insertar algo antes 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 | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintaxis CSS
::after {
css declarations;
}
Más ejemplos
Ejemplo
Inserte contenido después de cada elemento <p> y aplique estilo al contenido insertado:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
páginas relacionadas
Tutorial CSS: Pseudo-elementos CSS
Referencia del selector de CSS: CSS :: antes del selector