Lineas de Style realizadas para el ejercicio
<style type="text/css">
h1 { color: orange; }
h1 { color: purple; }
h1 { color: grey;
p { font-size: 20px; } }
#caja .cabecera h1 { color: blue; }
#caja h1 { color: green; }
.cabecera h1 { color: violet; }
#caja { color: yellow; }
.cabecera { color: pink; }
#caja .cabecera { color: brown; }
#caja .negro .cabecera h1 { color: #00F }
table {
padding: 0px;
margin: 0px;
border-spacing: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333;
}
th, td {
padding: 0.5em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333;
}
th {
background-color: #E2E2E2;
}
td {
background-color: #F0F0F0;
}
.valormax { color: red; }
strong { color: blue; }
em { color: red; }
</style>
Para declarar el estilo CSS del color del elemento h1, debo calcular las diferentes
puntuaciones de prioridad; los risultados están en la siguiente tabla.
| A | B | C | D | Color Header | |
|---|---|---|---|---|---|
| h1 | 0 | 0 | 0 | 1 | Grey (*) |
| id | 0 | 1 | 0 | 0 | Yellow |
| div | 0 | 0 | 1 | 0 | Pink |
| id+h1 | 0 | 1 | 0 | 1 | Green |
| div+h1 | 0 | 0 | 1 | 1 | Violet |
| id+div | 0 | 1 | 1 | 0 | Brown |
| id+div+h1 | 0 | 1 | 1 | 1 | Blue |
NOTA (*): De los tres valores dados a la propiedad color del selector h1, lo que cuenta es lo de la última definición.
El tuple (valor máximo calculado) es lo escrito en rojo en la tabla.
Por lo tanto el color herdado del elemento h1 es blue.
Definición de tupla
Una tupla es una secuencia de valores agrupados, sirviendo para agrupar, como si fueran un único valor, varios valores que, por su naturaleza, deben ir juntos.
El tipo de datos que representa a las tuplas se llama tuple. El tipo tuple es inmutable: una tupla no puede ser modificada una vez que ha sido creada.