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

#15948

felipemantoan
Moderador

Todos os atributos modificados só serão aplicados aos conteúdos {before e after} inseridos. Não ao conteúdo do ele elemento em si. Simples assim;


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Before E After</title>
	<style>
	p::before
	{
		content: 'teste!!!';
		background-color:#666;
	} 
	</style>
</head>
<body>
	<p class="before">Before</p>
	<p class="after">After</p>
</body>
</html>