Código -HTML-

		<div id="caja">

			<header class="cabecera">

		    		<h1>Cabecera: header</h1>

			</header>

		</div>
	

Resultado:

Estilos aplicados a <H1>

	h1 {
		font-size: 12px; 
		color: yellow;
		} ------------------------> 0,0,0,1
   	h1 {
   		font-size: 14px; 
   		color: green;
   		} ------------------------> 0,0,0,1
  	header h1 {
  		font-size: 14px; 
  		color: green;
  		} ------------------------> 0,0,0,2
   	#caja header h1 {
   		font-size: 16px; 
   		color: green;
   		} ------------------------> 0,1,0,2
   	#caja .cabecera h1 {
   		font-size: 25px; 
   		color: blue;
   		} ------------------------> 0,1,1,1 ( Este es el estilo predominante )