How to apply styles for nth childs inner div :    

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .outer:nth-child(3) > div{
       color:red;
    }

<!-- language: lang-html -->

    <div class="outer">
      <div>1st deep element</div>
      <div>1st deep element</div>
      <div>
        <div>2nd deep element</div>
      </div>
    </div>



<!-- end snippet -->

how to control 2nd deep elements style only using outer class selector