Questão de Desenvolvimento Web · FCC TJ-CE 2022 (nº 41)

Seletores de atributo em CSS nos permitem estilizar elementos HTML com base nos atributos que eles possuem ou nos valores desses atributos. A sintaxe básica para selecionar um elemento com um atributo de valor específico é elemento[atributo="valor"].

• (A) Incorreta: O seletor input[type=text] está correto para selecionar campos de texto. No entanto, a cor #00ff00 corresponde ao verde, e a questão pede a cor vermelha. Esta é a armadilha da banca: o seletor está perfeito, mas o valor da propriedade (a cor) está errado, exigindo atenção aos detalhes.
• (B) Incorreta: A sintaxe input.type[text] está incorreta. input.type selecionaria elementos <input> que tivessem a classe type (ex: <input class="type">), o que não é o caso. [text] por si só não é a forma de especificar o valor do atributo type.
• (C) Correta: O seletor input[type=text] seleciona corretamente todos os elementos <input> cujo atributo type tem o valor text. A propriedade background-color:#ff0000 define a cor de fundo como vermelho, atendendo exatamente ao que foi pedido na questão.
• (D) Incorreta: Assim como na alternativa B, a sintaxe input.type[text] é um seletor incorreto para a finalidade desejada. Além disso, rgb(0,255,0) é a cor verde, e há um erro de sintaxe com um parêntese } extra no final.
• (E) Incorreta: A sintaxe input[type('text')] é inválida para seletores de atributo em CSS. Os parênteses () não são usados para especificar o valor de um atributo dentro dos colchetes []. O valor deve ser colocado diretamente, geralmente entre aspas, como em [type="text"].