Imagem de fundo

O desenvolvimento web moderno exige domínio das tecnologias HTML5 e CSS3, que trabalham...

O desenvolvimento web moderno exige domínio das tecnologias HTML5 e CSS3, que trabalham de forma complementar para estruturar e estilizar páginas. Enquanto o HTML define a semântica e a estrutura do conteúdo, o CSS3 introduz recursos avançados de layout, como Flexbox e Grid, além de seletores sofisticados e propriedades de transformação e transição.


Considere o seguinte trecho de código:


Imagem associada para resolução da questão


Sobre o código apresentado, considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, assinale a afirmativa correta.


A

A propriedade justify-content: space-between distribui os itens com espaçamento igual entre eles e também nas extremidades do contêiner, deixando margens laterais iguais aos espaços internos.


B

O seletor .item:nth-child(2n) aplicará a cor de fundo lightblue apenas aos itens "A" e "C", pois eles ocupam as posições ímpares dentro do contêiner.


C

A propriedade align-items: center alinha os itens horizontalmente ao centro do eixo principal do contêiner flexível.


D

O seletor .item:nth-child(2n) aplicará a cor de fundo lightblue aos itens "B" e "D", pois corresponde aos elementos filhos cujas posições são múltiplos de 2.


E

Para que o Flexbox funcione corretamente, seria obrigatório declarar também a propriedade flex-direction: row, caso contrário os itens seriam empilhados verticalmente por padrão.