Ao abrir o documento em um navegador, a palavra Texto ser...

"...Se tiver definição conflituosa para ambos o id terá prioridade sobre class. Pense, é mais provável que você queira dar um estilo mais específico para aquele objeto do que um estilo mais genérico, que é o caso da classe que serve vários objetos.

O browser vai ignorar a classe porque o identificador possui uma definição de estilo que provavelmente se encaixa melhor para o objeto, afinal essa definição foi criada com esta especificidade.  Então o browser renderizará usando o estilo do id. É ele que será "aceito" em primeiro lugar. Não importa a ordem que ele foi declarado no HTML ou no CSS."

Gabarito: a) azul

Quem não tem acesso:  - -> A

quanto mais específico, maior é a prioridade

No QC está dando como resposta "A - Verde ", independente de alternativa o que predomina entre class e id é o id, logo a resposta é Azul.