Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Dúvida na resposta do instrutor

No exercício TABELA ZEBRADA, consegui obter o mesmo resultado, mas utilizei classes direfentes nas linhas pares e impares, manualmente. Já a resposta do instrutor foi a seguinte:

#tb-nutrientes tr:nth-child(odd){
    background-color: #FFFFFF;
}

#tb-nutrientes tr:nth-child(even){
    background-color: #F8EAB3;
}

Não entendi essa referencia nth-child(odd) e nth-child(even)

4 respostas
solução!

Amigo nth-child é uma pseudo classe. É utilizado para selecionar filhos específicos de um elementro no HTML. O atributo (odd) seleciona os filhos que são ímpares ex:primeiro, terceiro e quinto item de uma lista por exemplo e o (even) seleciona os elementos pares, segundo, quarto, sexto. Tente usar em uma lista que ficará mais fácil de entender do que em uma tabela.

Outra maneira de fazer é aplicar a pseudo classe nth-child desta maneira:

tb-nutrientes tr:nth-child(2n+1) {

background-color: #ffffff; }

tb-nutrientes tr:nth-child(2n) {

background-color: #f8eab3; }

Muito obrigado pelo esclarecimento Paulo

Imagine. O que precisar estamos aí!