Responder a: Como usar "pseudo-elements" :before :after

Home Fórum Desenvolvimento HTML - CSS - JS Como usar "pseudo-elements" :before :after Responder a: Como usar "pseudo-elements" :before :after

#15945

felipemantoan
Moderador

serve pra incluir conteúdos [textos, caracteres, e afins], dentro de tags antes {before} do conteúdo da tag, ou depois {after} {quase uma decoração de texto personalizada};

Exemplo mais básico sobre:


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Before E After</title>
	<style>
		p.before::before{
			content:'*';
		}

		p.after::after{
			content:'++';
		}
	</style>
</head>
<body>
	<p class="before">Before</p>
	<p class="after">After</p>
</body>
</html>