title: CSS Target the correct div from multiple with same class
body: <p>I am trying to delete a <code>margin-top</code> to a paragraph inside a div, only when the whole div has a height bigger than <code>138px</code>.</p>
  
  <p>The problem is that I have multiple divs with the same class, and some of them have a height bigger than <code>138</code> and others don't.</p>
  
  <p>Right now when one of them is higher than <code>138px</code>, my jQuery adds the <code>margin-top: 0</code>; to every <code>div.llamada &gt; p</code></p>
  
  <p>How can I target only the correct <code>.llamada p</code> and not the others? My code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="call llamada"&gt;
      &lt;p style="margin-top: 0px;"&gt;This is the box number one with height bigger than 138px (correct style).&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="call llamada" style="margin-top: 0px;"&gt;
      &lt;p style="margin-top: 0px;"&gt;This is the box number two with height lower than 138px (incorrect style).&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>    jQuery(document).ready(function($) {
    $('.llamada').each(function(){
      var heightllamada = $(".llamada").outerHeight()
  
      if (heightllamada &gt; 138){
        $(".llamada p").css('margin-top',0);
      }
    });
  });
  </code></pre>
  
  <p>Thank you!!</p>