Se houvessem seis tags 'em' no conteudo, como aplicaria cor em uma especifica das seis 'em' ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Se houvessem seis tags 'em' no conteudo, como aplicaria cor em uma especifica das seis 'em' ?
Oi Elvis, tudo certo?
Você pode pesquisar por nth-child(), que seleciona elementos com base em suas posições em um grupo de elementos irmãos.
Veja esse código:
<body>
<em>The first paragraph.</em>
<em>The second paragraph.</em>
<em>The third paragraph.</em>
<em>The fourth paragraph.</em>
</body>Veja que temos 4 tags 'em', mas como aplicar em uma específica?
No CSS, podemos fazer:
em:nth-child(2) {
background: red;
}Assim, ele pega o segundo elemento dessas 4 tags e aplica uma cor de fundo vermelha nele. Olha o resultado:
Espero ter ajudado =) Bons estudos!