title: Target multiple specific elements that appear within a div of a certain class
body: <p>I am sure this question has been asked before, but I have searched for awhile an can't find the answer-- so here goes:</p>
  
  <p>lets say I have a div of a certain class,  in this case we can call it .nyg-section-darkblue, and I want any H tag element to appear a certain color when it is nested in a div of this class, for example: this color:#19A5FF;  </p>
  
  <p>What is the most efficient way to accomplish this with CSS?</p>
  
  <p>I have tried this:</p>
  
  <pre><code>.nyg-section-darkblue h6,h3,h4 {color:#19A5FF;}
  </code></pre>
  
  <p>but that appears to select H elements universally, and not just ones that are nested in "nyg-section-darkblue" class elements.</p>
  
  <p>Anyone know how to fix this problem? </p>
  
  <pre><code> &lt;style&gt;
    /*css*/
     .nyg-section-darkblue h6,h3,h4 {color:#19A5FF !important;}
    &lt;/style&gt;
  
  
   &lt;!-- html--&gt;
  
   &lt;div class="nyg-section-darkblue"&gt;
  
  &lt;h3&gt;I want this to be color #19A5FF&lt;/h3&gt;
  &lt;h4&gt;I want this to be color #19A5FF&lt;/h4&gt;
  &lt;h6&gt;I want this to be color #19A5FF&lt;/h6&gt;
  
  
  
  &lt;/div&gt;
  
  
  &lt;div class="nyg-section-white"&gt;
  
  &lt;h3&gt;I dont want this to be #19A5FF&lt;/h3&gt;
  &lt;h4&gt;I dont want this to be #19A5FF&lt;/h4&gt;
  &lt;h6&gt;I dont want this to be #19A5FF&lt;/h6&gt;
  
  
  
  &lt;/div&gt; 
  </code></pre>