Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Css

Referente ao curso Flexbox: posicione elementos na tela

por jerry William do nascimento
| 152.8k xp | 9 posts

Boa tarde!

Alguém sabe como funciona esse código CSS da aula? Sei que é para inserir os logos na tag "a" da classe "conteudoPrincipal-cursos-link", mas não sei como funcionam os parâmetros "even" e "odd". Alguém pode me ajudar?

.conteudoPrincipal-cursos-link a:before { content: ''; display: block; width: 50px; height: 50px; margin: 10px auto; }

.conteudoPrincipal-cursos-link:nth-child(even) a:before { background: url(../img/background1.svg) no-repeat;}

.conteudoPrincipal-cursos-link:nth-child(odd) a:before { background: url(../img/background2.svg) no-repeat; }

2 respostas
solução!
por Jemima Dias
| 124.5k xp | 122 posts
Alura Scuba Team

Olá Jerry, tudo bem?

O :nth-child()seleciona elementos com base em suas posições em um grupo de elementos irmãos, quando passamos o parâmetro odd - :nth-chld(odd), serão selecionados apenas os elementos cuja posição é ímpar, por exemplo o 1º, 3º, 5º e assim sucessivamente. Já quando passamos o parâmetro even - :nth-chld(even), serão selecionados apenas os elementos cuja posição é par, por exemplo, o 2º, 4º, 6º....

Nesse link você poder ler um pouco mais sobre o :nth-child()e o parâmetros even e odd.

Espero ter te ajudado! =)

por jerry William do nascimento
| 152.8k xp | 9 posts

Olá jemima!

Esclarescedora sua explicação!

Muito Obrigado pela ajuda! :=)