Questão de Tecnologia da Informação

Xerloque é um Papiloscopista Policial com conhecimentos de lógica de programação e aplicações Web. Ele foi designado para apoiar o desenvolvimento uma interface Web responsiva para um sistema interno da Polícia Civil do Paraná. O sistema tem como objetivo exibir os laudos periciais de impressões digitais e permitir a comparação visual direta entre a amostra coletada (amostra_A) e o registro do banco de dados (amostra_B). Para garantir que as imagens das impressões digitais fiquem dispostas lado a lado em um contêiner flexível e centralizado, com destaque visual e formatação adequada para leitura nos monitores do laboratório, o papiloscopista sugeriu as seguintes estruturas de código: Trecho em HTML: <div class="painel-pericial"> <img src="amostra_A.jpg" class="digital destaque"> <img src="amostra_B.jpg" class="digital"> </div> Trecho em CSS: .painel-pericial { display: flex; justify-content: center; } .digital { width: 200px; border: 1px solid #ccc; } .destaque { border-color: #ff0000; box-shadow: 0 0 10px #ff0000; } Considerando as regras de sintaxe, seletores e especificidade do HTML (versão 5) e do CSS (versão 3) aplicadas aos trechos de código, avalie as afirmativas a seguir: I. O elemento amostra_A.jpg receberá uma borda com espessura de 1px, de cor vermelha (#ff0000), além do efeito de sombra, pois a classe .destaque sobrescreve a propriedade border-color definida previamente na classe .digital. II. A propriedade display: flex aplicada à classe .painelpericial faz com que as duas imagens das impressões digitais sejam organizadas nativamente em coluna (uma abaixo da outra), alinhadas à esquerda da tela. III. O seletor .digital é um seletor de classe que se aplica a todos os elementos HTML que possuem o atributo class contendo a palavra digital. Está correto o que se afirma em