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

#15947

caiohdearaujo
Participante

eu entendo isso felipe.

O que está me deixando em dúvida é quando são configurações sem conteúdo. Ao invés de algo que aparece no browser.

Exemplo:


		#nav a
		{
			font-size: 2.5em;
			margin: 0 0.25em 0 0.25em;
			opacity: 0.35;
			outline: 0;
		}

			#nav a:before
			{
				font-size: 0.8em;
			}

			#nav a:after
			{
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				bottom: -0.75em;
				margin-left: -0.5em;
				border-bottom: solid 0em #fff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				-moz-transition: border-bottom-width .25s ease-in-out;
				-webkit-transition: border-bottom-width .25s ease-in-out;
				-o-transition: border-bottom-width .25s ease-in-out;
				-ms-transition: border-bottom-width .25s ease-in-out;
				transition: border-bottom-width .25s ease-in-out;
			}