Um Programador está criando uma página web e deseja utilizar...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a E - input[type=text]{background-color:red}. Esta questão aborda o uso de seletores de atributos em CSS, que é uma forma de aplicar estilos a elementos HTML com base nos seus atributos. No caso específico, o programador quer aplicar um estilo a todos os elementos do tipo input
que são campos de texto (type="text"
).
Vamos entender por que a alternativa E está correta:
- A sintaxe
input[type=text]
é um seletor de atributos em CSS. Quando utilizado, ele seleciona todos os elementosinput
que possuem o atributotype
com o valor exatamente igual a "text". - A propriedade CSS
background-color
é usada para definir a cor de fundo dos elementos selecionados. Neste caso, o valorred
é usado, o que significa que o fundo será vermelho.
As demais alternativas estão incorretas devido ao uso inapropriado da sintaxe dos seletores em CSS:
- A - A sintaxe
input('type=text')
não é válida em CSS. - B -
input['text']
tenta selecionar um atributo chamado 'text', o que não faz sentido. - C -
input{type('text') background-color:red}
está formatado incorretamente; não é assim que se declara um seletor de atributos ou se aplica estilo em CSS. - D -
input:text
parece tentar usar um pseudo-seletor, mas não é a sintaxe correta para selecionar uminput
de tipo texto.
Em resumo, a alternativa E está correta porque se utiliza corretamente da sintaxe de seletores de atributos em CSS para selecionar os elementos desejados e aplica o estilo de fundo vermelho de forma adequada. Ao se preparar para concursos públicos na área de programação, é vital ter um entendimento sólido sobre seletores em CSS, pois eles são fundamentais para a aplicação de estilos de forma precisa nos elementos de uma página web.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
Questão bastante recorrente da FCC {ex.: Q231865, Q535631}
. (ponto) seleção de classe
# (cerquilha) seleção de identificadores
[ ] (colchetes) seleção de atributos
Exemplo de Regras de CSS :
h1 { /* seleção dos elementos h1 */
font-size: 24px;
color: white;
background-color: blue;
}
.red { color: red; } /* seleção dos elementos de classe "red" */
#onlyid { /* seleção dos elementos de identidade "onlyid" */
background-color: lightgray;
color: navy;
}
input[type="text"] { /*seleção dos elementos input cujo tipo seja "text" */
background-color: silver;
text-align: center;
color: white;
}
a galera erra d+ esse tipo de questão, por isso acho que a banca insiste
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo