title: Using less to target all h tags
body: <p><a href="https://stackoverflow.com/a/21622588/950931">Using the SASS solution as a reference</a>, how do you do this using LESS?</p>
  
  <pre><code>h1, h2, h3,
  h4, h5, h6 {
      @extend %headings !optional;
  }
  </code></pre>
  
  <p>Then use it like so:</p>
  
  <pre><code>.element &gt; %headings {
      color: red;
  }
  </code></pre>
  
  <p>Ultimately I'd want to do this in the future:</p>
  
  <pre><code>.something {
      %headings { color: red; }
  }
  </code></pre>
  
  <p>So that it would compile to:</p>
  
  <pre><code>.something h1,
  .something h2,
  .something h3 { color: red; }
  </code></pre>