Questão de Tecnologia da Informação · FCC TRT-11 2017 (nº 37)

No CSS, usamos seletores para "apontar" para os elementos HTML que queremos estilizar. O seletor de ID (#) mira em um elemento específico que tem aquele id (que deve ser único na página), enquanto o seletor de classe (.) mira em todos os elementos que possuem aquela class.

• (A) Incorreta: O seletor .t1 busca um elemento com class="t1", mas o primeiro parágrafo tem id="t1". O seletor #t2 busca um elemento com id="t2", mas o segundo parágrafo tem class="t2".
• (B) Incorreta: Embora os seletores p#t1 e p.t2 estejam corretos para identificar os parágrafos, a cor especificada é #0000ff (azul), e não #ff0000 (vermelho) como solicitado. (Armadilha da banca: Os seletores estão corretos, mas o valor da propriedade está errado, exigindo atenção total ao enunciado.)
• (C) Incorreta: O seletor p.t1 está incorreto (o primeiro parágrafo tem id="t1", não class="t1"), e p#t2 também está incorreto (o segundo parágrafo tem class="t2", não id="t2"). Além disso, font-color não é uma propriedade CSS válida; a correta é color.
• (D) Incorreta: O seletor p aplicaria o estilo a todos os parágrafos, mas a propriedade font-color é inválida; a correta é color.
• (E) Correta: O seletor #t1 aponta corretamente para o parágrafo com id="t1". O seletor .t2 aponta corretamente para o parágrafo com class="t2". A vírgula (,) permite aplicar o mesmo estilo a ambos os seletores, e color:#ff0000 define a cor vermelha para a fonte, conforme solicitado.