Un párrafo dentro del div con id "caja"
Añado un elemento "párrafo" y "tabla" para explicar las prioridades de los estilos aplicados. Así al div con id "caja" se le aplica color blue, pero solo queda en el primer párrafo. A la clase "cabecera" se le aplica el color red, como el header es de esta clase, todo lo que contiene se ve rojo. A la etiqueta h1 se le aplica el color white, pero no se ve porque el estilo que gana en prioridad es el aplicado en la línea h1, style="color: black;".
| Estilo de color en "Cabecera Header" | Prioridad(en linea, id, clase, marcas) |
|---|---|
| h1{color:white;} | 0,0,0,1 |
| .cabecera{color:red;} | 0,0,1,0 |
| #caja{color:blue;} | 0,1,0,0 |
| style="color: black;" | 1,0,0,0 |