Para establecer la prioridad en las sentencias CSS que afecten a un mismo elemento hay que considerar lo siguiente:
- A = Estilo en línea.
- B = Número de IDs.
- C = Número de clases.
- D = Número de marcas HTML.
A tiene máximo peso y D mínimo, se comienza mirando A y si es un empate se consideran B,C o D en orden descendente de prioridad.
El resultado del calculo de la prioridad, lo que explica por qué el título es rojo, está en el comentario dentro del html como lo pide el enunciado.