CSS: Apresentado o seguinte código CSS: body { background-color: black; color: red; } div1{ background-color: white; color: blue; } .classe{ background-color: green; color: yellow; } Qual seria a cor do texto em uma div com id = 1 e class = classe presente dentro do body de uma página? Selecione a resposta:

Questão

Apresentado o seguinte código CSS:

body {

background-color: black;

color: red;

}

#div1{

background-color: white;

color: blue;

}

.classe{

background-color: green;

color: yellow;

}

Qual seria a cor do texto em uma div com id = 1 e class = classe presente dentro do body de uma página?

Selecione a resposta:

Alternativas

a) Vermelho.

b) Amarelo.

92%

c) Verde.

d) Rosa.

e) Preto.

Explicação

Vamos analisar a especificidade e a cascata do CSS para a propriedade color (cor do texto).

Regras dadas:

  1. body { color: red; } → aplica cor vermelha ao texto do body e, por herança, aos elementos internos se não houver regra mais específica.
  2. #div1 { color: blue; } → seletor por id (mais específico) define o texto como azul para o elemento com id="div1".
  3. .classe { color: yellow; } → seletor por classe define o texto como amarelo para elementos com class="classe".

Agora, para uma div com id e classe ao mesmo tempo (por exemplo, <div id="div1" class="classe">...</div>):

  • Entre #div1 e .classe, o seletor por id tem maior especificidade que o seletor por classe.
  • Portanto, a regra #div1 { color: blue; } prevalece sobre .classe { color: yellow; }.

Logo, a cor do texto seria azul.

Como não existe a alternativa “azul” nas opções fornecidas, não há opção correta dentre as listadas.

Alternativa correta: (nenhuma).

Questões relacionadas

Ver últimas questões

Comece a estudar de forma inteligente hoje mesmo

Resolva questões de concursos e vestibulares com IA, gere simulados personalizados e domine os conteúdos que mais caem nas provas.

Cancele quando quiser.