Select the first .class element

Select the first element of .class no matter how deep in structure it is

HTML

<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit
    esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
    at vero eros et accumsan et iusto odio dignissim qui blandit praesent
    luptatum zzril delenit augue duis dolore te feugait nulla
    facilisi.</p>
<div class='current'>Third. ost somewhere in the DOM</div>
<div class='current'>Second</div>
<div>
    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit
        esse molestie consequat, vel illum dolore eu feugiat nulla
        facilisis at vero eros et accumsan et iusto odio dignissim qui
        blandit praesent luptatum zzril delenit augue duis dolore te
        feugait nulla facilisi.</p>
    <ul>
        <li><div class='current'>I'm the first</div></li>
    </ul>    
</div>

CSS

.selected {background: Red}

.current.first-child:nth-of-type(1){
  background: blue
}

JavaScript

(function($) {
   // $('.current').first().addClass('selected');
})(jQuery);