Cabecera: header

#caja header h1 { color:blue; }

#caja .cabecera h1 { color: red; }

body #caja .cabecera h1 { color: green; }

header h1 { color; lime; }

h1 { color: purple; }

h1 { color: grey; }

Como vemos ha cambiado el color de rojo (como sale en el video anterior) a verde. Gana en prioridad, la linea en negrita

El valor de prioridad lo desglosamos de la siguiente manera:

A= 0 estilos en línea

B= 1 ID

C= 1 clase

D= 2 etiquetas

Puntuación resultante (0,1,1,2). La anterior puntuación era (0,1,1,1). Gana la línea de código que ha introducido una etiqueta más.