Gibt es einen CSS-Selektor nur für das erste direkte Kind?

Question

Ich habe die folgende html

<div class="section">
   <div>header</div>
   <div>
          contents
          <div>sub contents 1</div>              
          <div>sub contents 2</div>
   </div>
</div>

Und der folgende Stil:

DIV.section DIV:first-child 
{
  ...
}

Aus irgendeinem Grund, den ich nicht verstehe, wird der Stil auf die "Teilinhalt 1" <div> sowie die "Kopfzeile" <div> .

Ich dachte, der Selektor für die Formatvorlage würde nur für das erste direkte Kind eines Divs mit der Klasse "section" gelten. Wie kann ich den Selektor ändern, um das zu bekommen, was ich will?