Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

nth-child e nth-of-type

Na vídeo-aula é dito que:

Pode parecer que agora todos os block-quotes de número par terão o mesmo estilo. Porém a contagem da pseudoclasse vale para todo mundo, ou seja, ela pegará todos os block-quotes que estão em posições pares, nesse caso englobaria os três. Todos são filhos pares do body.

Não entendi por que o nth-child englobaria os 3 block-quotes. Poderiam me ajudar?

1 resposta
solução!

Roger, bom dia!

Quando no exemplo ele quer dizer que

blockquote:nth-child(even){..}

Nesse código você estaria selecionando todos os bloquotes que são pares. a questão é pares em relação a quem? o nth-child leva em consideração o pai do elemento, que nesse caso é o <body> e se você contar todos os filhos do body com: impar, par, impar, par etc... Você vai chegar a conclusão que todos os <bloquotes> são pares, por isso ele usou o blockquote:nth-of-type(even) para indicar que ele que os elementos daquele tipo e não todos os elementos em relação ao pai.

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software