Questão nº 36
Questão de Tecnologia da Informação · CESGRANRIO BASA 01/2018 (nº 36)
Considere o código HTML com CSS listado a seguir:
```html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<p class='texto'>Um texto</p>
</body>
</html>
```
Qual deve ser o estilo utilizado para que o texto seja mostrado na cor azul?
- A`#texto { color: #0000FF; }`
- B`#texto { font-color: #0000FF; }`
- C`.texto { color: #0000FF; }` (alternativa correta)
- D`.texto { font-color: #0000FF; }`
- E`.texto { text-color: #0000FF; }`
Resposta comentada
Gabarito Alternativa C
Conceito-chave: Em CSS, a cor do texto é definida pela propriedade color, e para estilizar um elemento com uma classe específica, usamos um seletor de classe que começa com um ponto (.) seguido do nome da classe. O seletor # é para IDs, não para classes.
- (A) Incorreta: O seletor
#textobusca um elemento comid="texto", mas no HTML o elemento temclass="texto", então o estilo não se aplica. - (B) Incorreta: Além do seletor errado (
#em vez de.), a propriedadefont-colornão existe em CSS; a propriedade correta écolor. - (C) Correta: O seletor
.textoseleciona corretamente o elemento comclass="texto", e a propriedadecolor: #0000FF;define a cor do texto como azul. - (D) Incorreta: O seletor
.textoestá certo, masfont-colornão é uma propriedade CSS válida; o correto écolor. - (E) Incorreta: O seletor
.textoestá certo, mastext-colornão é uma propriedade CSS válida; o correto écolor.
Armadilha do distrator mais tentador (B): A banca troca o seletor de classe (.) pelo de ID (#) e usa font-color, que parece lógico, mas não existe. Muitos alunos confundem font-color com color por influência de editores de texto. Lembre-se: em CSS, toda cor de texto é color, e classe usa ponto (.), ID usa #.
Fonte: CESGRANRIO BASA 01/2018 Técnico Científico - Área de Formação: Tecnologia da Informação. Reproduzida para fins de estudo.