Tenemos los siguientes, estilos y su puntuacuión:
| EstiloEn Linea | Id | Clase | Elemento | Puntuacion | |
|---|---|---|---|---|---|
| h1 { color: purple; } | 0 | 0 | 0 | 1 | 0,0,0,1 |
| h1 { color: grey; } | 0 | 0 | 0 | 1 | 0,0,0,1 |
| #caja .cabecera h1 {color: red; } | 0 | 1 | 1 | 1 | 0,1,1,1 |
| #caja .cabecera h1 { color: blue; } | 0 | 1 | 1 | 1 | 0,1,1,1 |
| header h1 { color: lime; } | 0 | 0 | 0 | 2 | 0,0,0,2 |
Existe un empate entre #caja .cabecera h1 {color: red; } y #caja .cabecera h1 {color: blue; }, por lo tanto se aplica el ultimo estilo leido #caja .cabecera h1 {color: blue; }