English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencia de CSS

reglas de CSS @

大全 de CSS atributos

Selector :after de CSS

Manual de referencia completo de selectores CSS

Ejemplo en línea

Insertar contenido después de cada <p> elemento:

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<título>Manual básico(oldtoolbag.com)</título>　
<style>
p:after
{　
contenido:"-　marca me";
}
</style>
</head>
<body>
<p>Me llamo Lili</p>
<p>Me quiero vivir en la </p>
<p><b>Nota：</b> :after en IE8Se ejecuta en, debe declararse !DOCTYPE </p>
</body>
</html>
Prueba para ver ‹/›

Definición y descripción

:after selector para insertar contenido después del elemento seleccionado.

Usarcontenido Atributo para especificar el contenido que se debe insertar.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite la propiedad.

selector




::after4.09.0
Parte de 8.0		3.53.17.0
Parte de4.0

Nota： after en IE8Se ejecuta en, debe declararse!DOCTYPE .

Artículos relacionados

Manual de tutoriales de CSS: Pseudo de CSS-elementos

Manual de referencia de selectores de CSS: Selector :before de CSS

Ejemplo en línea

Contenido y estilo insertados después de cada <p>:

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<título>Manual básico(oldtoolbag.com)</título>　
<style>
p:after
{　
　　　　contenido:"-　marca";
　　　　fondo-color:amarillo;
　　　　color:red;
　　　　fuente-peso:fuerte;
}
</style>
</head>
<body>
<p>Me llamo Lili</p>
<p>Me quiero vivir en la </p>
<p><b>Nota：</b> :after en IE8Se ejecuta en, debe declararse !DOCTYPE </p>
</body>
</html>
Prueba para ver ‹/›
Funciones CSS (Functions)Manual completo de selectores CSS