title: CSS: how to select all <element> within a .class?
body: <p>How to select all instances of &lt;element&gt; whithin - and ONLY WITHIN - a .class ? (e.g. select all &lt;h1&gt; elements within the class &quot;.mid-container&quot;, while excluding &lt;h1&gt; outside of &quot;.mid-container&quot;).</p>
  <p>For reference, this is a sample test of what I've tried, but it all failed as &lt;h'x'&gt; elements are being selectd OUTSIDE &quot;mid-container&quot; (and the code for <code>.mid-container.h2</code> doesn't even work) :</p>
  <pre><code>.mid-container&gt;h1 {
    color: #EAF6F6;
  }
  
  .mid-container.h2 {
    color: #66BFBF;
  }
  
  .mid-container h3{
    color: #11999E;
  }
  </code></pre>