Herencia

Código HTML

<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>Herencia</title>
</head>
<body>
<div id="caja">

 <header class="cabecera">
	<h1>Cabecera: header</h1>
 </header>

</div>
</body>
</html>

Código CSS


				#caja .cabecera h1 {
				  color: #48C9B0;
				}

Puntuación = 0,1,1,1

Cabecera: header


				#caja h1{
				  color: #fff;   
				}

Puntuación = 0,1,0,1

Cabecera: header


				header .cabecera h1{
				  color: #D2B4DE;
				}

Puntuación = 0,0,1,2

Cabecera: header


				header h1{
				  color: #F1C40F;
				}

Puntuación = 0,0,0,2

Cabecera: header


				h1{
				  color: #F5B7B1;
				}

Puntuación = 0,0,0,1

Cabecera: header