css - 型の最初の要素だけを非表示にするにはどうすればよいですか?

Question

次のマークアップがあります。

<div class="ctr-1">
    <h3>Title</h3>
    <div class="ctr-2">
        <h3>Title</h3>
    </div>
</div>

そして、次のCSS

.ctr-1 h3:first-child{ display:none; }

両方の<h3>タグが非表示になっています。最初のタグだけを非表示にします。どのように？