En esta página se han hecho 5 declaraciones de estilo CSS sobre el elemento titular <h1>Cabecera: header</h1> que se encuentra en un contenedor <div> identificado como "caja" que incluye a su vez una cabecera <header> con clase denominada "cabecera".
Estilos aplicados al titular:
- #caja .cabecera h1 {color: blue;}
- #caja header h1 {color: black;}
- header h1 {color: yellow;}
- h1 {color: red;}
- h1 {color: green;}
Comentarios:
- Se aplica estilo a nivel de ID "caja", clase "cabecera" y a la marca "h1" (tupla A, B, C, D = 0, 1, 1, 1)
- Se aplica estilo a nivel de ID "caja" y dos marcas "header" y "h1" (tupla A, B, C, D = 0, 1, 0, 2)
- Se aplica estilo a dos marcas "header" y "h1" (tupla A, B, C, D = 0, 0, 0, 2)
- Se aplica estilo a una única marca "h1" (tupla A, B, C, D = 0, 0, 0, 1)
- Se aplica estilo a una única marca "h1" (tupla A, B, C, D = 0, 0, 0, 1). Es el último estilo aplicado con igual tupla (0001), por lo que tiene más peso que el anterior.
Dado que el valor más alto de tupla es el del primer estilo (0111), el contenido del titular <h1>Cabecera: header</h1> se tiene que ver de color azul.