title: CSS selector for multiple sub-elements
body: <p>Let's say I have this table:</p>
  
  <pre><code>&lt;table class="live_grid"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;h3&gt;Something!&lt;/h3&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>If I want to style the <code>&lt;h3&gt;</code> within the table, I can use this CSS selector:</p>
  
  <pre><code>.live_grid h3 {
  
  }
  </code></pre>
  
  <p>This works fine.  The trouble pops up if I want to style all headings in that table.  I have tried this:</p>
  
  <pre><code>.live_grid h1,h2,h3,h4,h5,h6 {
  
  }
  </code></pre>
  
  <p>This seems to match headings that <em>are not</em> within my table with the class of <code>live_grid</code>.</p>
  
  <p>I'm sure this is a simple problem and right in front of me.  Can you point out what I'm doing wrong?</p>