Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — FCC 2022

ProgramaçãoCSS (Cascading Style Sheets)
Código
fc063830
Banca
FCC
Órgão
TJ-CE
Ano
2022
Cargo
Analista Judiciário - Ciência da Computação - Sistemas da Informação
Para colocar a cor de fundo vermelha apenas dos campos (inputs) do tipo text de um formulário, utiliza-se a instrução CSS 
  1. Ainput [type=text] {background-color: #00ff00}
  2. Binput.type [text] {background-color: #ff0000}
  3. Cinput [type=text] {background-color: #ff0000}
  4. Dinput.typeltext] {background: rgb(0,255,0)}}
  5. Einput [type('text')] {background-color:rgb(255,0,0)}
Revelar gabarito e comentário

GabaritoC — input [type=text] {background-color: #ff0000}

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Seletores CSS: input[type=text]

Gabarito: letra C. A alternativa C apresenta a sintaxe input [type=text] que, embora contenha um espaço entre o elemento e o seletor de atributo (o correto seria input[type=text] sem espaço), foi considerada pela banca como a instrução que coloca cor de fundo vermelha nos campos de texto. A cor vermelha em CSS pode ser representada por #ff0000 ou rgb(255,0,0). Todas as demais alternativas possuem erros sintáticos ou a cor verde.

Alternativa A — ❌ Incorreta

Usa input [type=text] (com espaço) e cor verde (#00ff00). O espaço torna o seletor incorreto (selecionaria descendente, não o próprio input) e a cor não é vermelha.

Alternativa B — ❌ Incorreta

Sintaxe inválida: .type é seletor de classe, mas input.type seguido de [text] (sem valor) não corresponde a um seletor de atributo válido. Cor até é vermelha, mas seletor errado.

Alternativa C — ✅ Correta ⟵ GABARITO

Apesar do espaço entre input e [type=text], a banca considerou como a correta, pois o restante da sintaxe está correto: [type=text] seleciona elementos input com atributo type igual a "text", e background-color: #ff0000 define o fundo vermelho.

Alternativa D — ❌ Incorreta

Escrita corrompida: input.typeltext] — falta o colchete de abertura, palavra "typeltext" sem sentido, e cor verde.

Alternativa E — ❌ Incorreta

Uso de parênteses type('text') no seletor de atributo, o que é inválido. O correto é colchetes com igualdade. Além disso, há espaço antes do colchete.

PEGA ESSA DICA!

O seletor de atributo em CSS deve ser escrito sem espaço entre o elemento e os colchetes: elemento[atributo=valor]. Espaço ali é o combinador descendente, que muda completamente o significado. Decore: input[type="text"] (sem espaço) para pegar o input diretamente.

Gabarito: letra C.

Link permanente: /questoes/fc063830