Considerando o código a seguir, assinale a alternativa correta para as cores aplicadas aos textos “Política em pauta” e “Congresso aprova PEC 123”, respectivamente:

Alternativa A - green e orange

Para resolver esta questão, precisamos entender dois conceitos fundamentais do CSS: Especificidade e Cascata.

1. Análise do Texto "Política em pauta"

Este texto está marcado como <h2 class="destaque">.

• Regras aplicáveis:
• h2 { color: blue } (Seletor de Tag)
• .destaque { color: green } (Seletor de Classe)
• Conceito de Especificidade: No CSS, classes possuem maior prioridade do que tags de elemento.
• Resultado: A regra .destaque (verde) vence a regra h2 (azul).
• Cor Final: Green.

2. Análise do Texto "Congresso aprova PEC 123"

Este texto está dentro de uma estrutura aninhada: <article> → <aside> → <h2>.

• Regras aplicáveis:
• h2 { color: blue } (Tag simples)
• aside h2 { color: red } (Descendente de aside)
• article h2 { color: orange } (Descendente de article)
• Conceito de Especificidade:
• aside h2 tem especificidade de 2 (duas tags).
• article h2 tem especificidade de 2 (duas tags).
• Há um empate técnico na especificidade.
• Conceito de Cascata (Ordem): Quando duas regras têm a mesma especificidade, vence aquela que aparece por última no código CSS.
• No código da questão:

1. aside h2 { color: red } (Vem primeiro)
2. article h2 { color: orange } (Vem depois)

• Resultado: A regra article h2 (laranja) vence a regra aside h2 (vermelho).
• Cor Final: Orange.

Resumo

Portanto, a alternativa correta é a que indica green e orange.