title: CSS - Is it possible to select multiple different child elements within a parent without repeating the parent?
body: <p>I've been pawing over CSS selectors all afternoon in an attempt to find an answer to this because it seems so simple but I cannot for the life of me find any solution.</p>
  
  <p>Given a structure similar to: </p>
  
  <pre><code>&lt;div id="about&gt;
      &lt;h1&gt;&lt;/h1&gt;
      &lt;h2&gt;&lt;/h2&gt;
      &lt;h3&gt;&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to make all of the headers a different typeface specific to this division using one selector.</p>
  
  <p>My selectors would normally have been:</p>
  
  <pre><code>#about h1,
  #about h2,
  #about h3 {
  }
  </code></pre>
  
  <p>Which now really appears to be inefficient. Is there a way to collate the ID?</p>
  
  <pre><code>#about h1 + h2 + h3 (incorrect)
  </code></pre>
  
  <p>Is there something akin to:</p>
  
  <pre><code>#about (h1,h2,h3)
  </code></pre>
  
  <p>I feel as if this should be obvious but I have never seen such a selection. </p>