Um Programador está criando uma página web e deseja utilizar...

Próximas questões
Com base no mesmo assunto
Q854055 Programação
Um Programador está criando uma página web e deseja utilizar uma instrução CSS3 para colocar todos os campos do tipo texto com fundo vermelho. A instrução que ele deverá utilizar é
Alternativas

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 elementos input que possuem o atributo type 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 valor red é 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 um input 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