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:
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:
a) Vermelho.
b) Amarelo.
c) Verde.
d) Rosa.
e) Preto.
Vamos analisar a especificidade e a cascata do CSS para a propriedade color (cor do texto).
Regras dadas:
body { color: red; }→ aplica cor vermelha ao texto dobodye, por herança, aos elementos internos se não houver regra mais específica.#div1 { color: blue; }→ seletor por id (mais específico) define o texto como azul para o elemento comid="div1"..classe { color: yellow; }→ seletor por classe define o texto como amarelo para elementos comclass="classe".
Agora, para uma div com id e classe ao mesmo tempo (por exemplo, <div id="div1" class="classe">...</div>):
- Entre
#div1e.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).