<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>Herencia</title>
<style type="text/css">
#caja header h1 { color:yellow;}
#caja .cabecera h1 { color:blue;}
header h1 { color:lime;}
h1 { color:purple;}
h1 { color:grey;}
</style>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>
La valoración es =0,1,1,1 ya que apunta al id, clase y elemento