¿Cuál de estas declaraciones para un mismo elemento es la que está mostrando el navegador?
#caja header h1 {color:chartreuse;font-size: 40px;}
#caja .cabecera h1 {color:coral}
header h1 {color:brown;}
h1 {color: blueviolet;}
h1 {color: cadetblue;}
En primer lugar está mostrando la segunda declaración porque tiene un ID, una CLASE y una MARCA HTML. (A=0; B=1; C=1; D=1;)
En segunda lugar está mostrando el elemento 'font-size' de la primera declaración porque es único.
Visualizar el código fuente para ver los comentarios.