Questão 21 — MPE-ES 2026 FGV

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: <style> .container { display: flex; justify-content: space-between; align-items: center; } .item:nth-child(2n) { background-color: lightblue; } </style> <div class="container"> <div class="item">A</div> <div class="item">B</div> <div class="item">C</div> <div class="item">D</div> </div> 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.

1. AA 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.
2. BO 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.
3. CA propriedade align-items: center alinha os itens horizontalmente ao centro do eixo principal do contêiner flexível.
4. DO 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.
5. EPara 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.

Gabarito oficial: D