En éste ejercicio estudiaremos la prioridad en la declaración de varios estilos CSS que afectan al mismo elemento <h1> del siguiente código.
Para saber la prioridad hay que calcular la tupla (A,B,C,D) donde:
- A: estilo de línea
- B: número de ID's
- C: número de clases
- D: número de marcas HTML
A continuación mostramos los resultados.
#caja header h1: resultado (0,1,0,2)
#caja .cabecera header h1: resultado (0,1,1,1), aunque hay dos marcas HTML en el código header está definida como la clase
#caja .cabecera h1: resultado (0,1,1,1), es la tupla de mayor peso, será ésta la que se aplique y no la anterior porque es la última definida de mayor peso
header h1: resultado (0,0,0,2)
h1: resultado (0,0,0,1)