Cabecera: definiendo ids y clases

"Un párrafo con clase e id."

He definido los siguientes modicadores:

<div id="caja">
#caja { background-color: yellow; padding: 10px; width: 50%; float: rigth; border: 1px solid #666; color: silver;}
A (linea) = 0
B (id) = 1
C (clase) = 1
D (elemento)= 6

resultado: 0,1,1,6
< p id="caja" class="cabecera" >
.cabecera {color: blue;}
A (linea) = 0
B (id) = 1
C (clase) = 1
D (elemento)= 1

resultado: 0,1,1,1
< header h1 {color: lime;} >
header h1 {color: lime;}
A (linea) = 1
B (id) = 0
C (clase) = 0
D (elemento)= 1

resultado: 1,0,0,1


El orden de aplicación queda así:
header h1 (1001) > div id="caja" (0116) > div class="cabecera" (0111)