title: Selector multiple class in parent
body: <p>Maybe it's a bit specific on my project but I want to know if there is a better way to do it.</p>
  
  <p>For a job project I have a website who used a third part iframe where I can't edit the html. I need to add a click event on some part of this iframe <strong>(example)</strong>. 
  The html coming from the iframe look like this :</p>
  
  <pre><code>&lt;div class="a"&gt;
     &lt;div class="b"&gt;
       &lt;div class="c"&gt;
          &lt;div class="c1"&gt;
             C1
          &lt;/div&gt;
          &lt;div class="c2"&gt;
             C2
          &lt;/div&gt;
          &lt;div class="c3"&gt;
             C3
          &lt;/div&gt;
       &lt;/div
     &lt;/div
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to add my event on the <code>c2</code> and <code>c3</code> but not on the <code>c1</code> div so I create a selector like this :  <code>$('.a .b .c .c2, .a .b .c .c3')</code></p>
  
  <p>It's work fine but in my case the class name are much longer (so my selector has like 100 character...) and the <code>.c2</code> and .<code>c3</code> class are used on other part of the project so I need to keep the <code>.a .b. .c</code> part.</p>
  
  <p>Is this possible to do selector like this 
  <code>$('.a .b .c (.c2 || .c3)')</code> ?</p>
  
  <p>Or have you any idea ? Like stoping the selector on <code>.c</code> and detect the target class ? Is this really a better solution ? </p>