Questão nº 57
Questão de Tecnologia da Informação · FGV TRF1 2024 (nº 57)
A analista Flávia está escrevendo as regras de Cascading Style
Sheets (CSS) para uma página web. Flávia precisa que
determinada regra seja aplicada aos elementos da página que
possuam ambas as classes "redondo" e "sem-borda".
Para aplicar a regra através de seletores CSS, a analista deve
utilizar o seletor:
- Aredondo&sem-borda
- Bredondo+sem-borda
- C.redondo.sem-borda (alternativa correta)
- D.redondo+.sem-borda
- E.redondo&.sem-borda
Resposta comentada
Gabarito Alternativa C
Para aplicar estilos a um elemento que possui duas ou mais classes ao mesmo tempo, você deve listar os nomes das classes um após o outro, sem espaços entre eles, cada um precedido por um ponto (.).
- (A) Incorreta: O símbolo
&não é um seletor válido no CSS padrão para combinar classes em um mesmo elemento; ele é usado em pré-processadores CSS. - (B) Incorreta:
redondo+sem-bordaseria um seletor de irmão adjacente, buscando um elemento com a tagsem-bordaque vem imediatamente após um elemento com a tagredondo, o que não é o caso aqui. - (C) Correta: Este seletor (
.redondo.sem-borda) é a forma padrão e correta de selecionar um elemento que possui ambas as classes "redondo" e "sem-borda" aplicadas a ele. - (D) Incorreta: Este é o distrator mais tentador. O seletor
.redondo+.sem-bordaé um seletor de irmão adjacente e selecionaria um elemento com a classe "sem-borda" que vem imediatamente depois de um elemento com a classe "redondo", não um único elemento que possui as duas classes. - (E) Incorreta: Similar à alternativa A, o símbolo
&não é um seletor válido no CSS padrão para combinar classes em um mesmo elemento.
Fonte: FGV TRF1 2024 Analista Judiciário - Análise de Sistemas de Informação (Caderno Tipo 1). Reproduzida para fins de estudo.