Teoretisk spørgsmål ang. nesting

Jeg har ikke et decideret problem med min CSS, mere et teoretisk spørgsmål. Hvis jeg har følgende senario:

<div id="container">
  <h1 class="hidden">Denne tekst er usynlig</h1>
</div>

Så ville jeg jo mene at det her er den rigtige syntaks:

#container .hidden{
  display: none;
}

Men jeg har været ude for at mange (inkl. w3schools), at de gør det på følgende måde:

#container h1 .hidden{
  display: none;
}

Er der noget god teoretisk forklaring på, hvorfor det er mere rigtigt end min metode.

Vægter det højere ved at "dobbelt-definere" det på den måde?

// mcardle