CSS: seletores de atributo
Gabarito: letra A. Para selecionar todos os campos de texto (<input type="text">) com CSS, a sintaxe correta é o seletor de atributo input[type="text"] (ou input[type=text]). A alternativa A é a única que se aproxima, utilizando a estrutura input [type=text] — embora haja um espaço que, na prática, transforma em um seletor descendente, o contexto da questão indica que o espaço é um erro de digitação e o gabarito a considera correta. As demais alternativas empregam sintaxes inválidas ou inadequadas.
Alternativa A — ✅ Correta ⟵ GABARITO
A expressão input [type=text] usa o seletor de atributo (colchetes) com o nome do atributo type e o valor text. Embora o espaço entre input e [type=text] transforme o seletor em "descendente" (qualquer elemento filho com type=text dentro de um input), a intenção da banca foi representar o seletor de atributo sem espaço. Comparada às outras, é a única que se vale da sintaxe de colchetes para filtrar pelo atributo.
Alternativa B — ❌ Incorreta
input type='text' não é um seletor CSS válido. Faltam os colchetes do seletor de atributo. O CSS interpretaria isso como dois seletores separados (elemento input e literal type='text'), resultando em erro.
Alternativa C — ❌ Incorreta
input.text é um seletor de classe (.text), que seleciona elementos com class="text", e não pelo valor do atributo type. Não atende ao requisito.
Alternativa D — ❌ Incorreta
input!text não é uma sintaxe CSS reconhecida. O ponto de exclamação não faz parte de nenhum seletor padrão. A cor #0000ff é válida, mas o seletor invalida a regra.
Alternativa E — ❌ Incorreta
input#text é seletor de ID (#text), que seleciona um elemento único com id="text", não todos os inputs do tipo text. Além disso, #blue não é uma cor hexadecimal válida (deveria ter 3 ou 6 dígitos).
Gabarito: letra A