Se houvessem seis tags 'em' no conteudo, como aplicaria cor em uma especifica das seis 'em' ?
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!