Para comparar las prioridades de los estilos, comparamos las tuplas de cada uno de los estilos creados, de acuerdo a:
- A=estilo de línea
- B=número de IDs
- C=número de clases
- D=número de marcas HTML
Ahora comparamos los valores de cada tupla:
- Estilo 1: (A,B,C,D)=(0,0,0,1)
- Estilo 2: (A,B,C,D)=(0,0,1,1)
- Estilo 3: (A,B,C,D)=(0,0,1,2)
- Estilo 4: (A,B,C,D)=(0,1,0,3)
- Estilo 5: (A,B,C,D)=(0,0,0,2)
Por lo tanto, el estilo que tiene prioridad es el estilo 4, que esta representado por el color
azul.