title: Including styles within another style
body: <p>So I have been pondering about this and I don't think this exists. I also understand that my logic my be counter with what stylesheets are trying to accommodate, but let's give it a go:</p>
  
  <p>Take the following example:</p>
  
  <pre><code> // Example "template style"
   .blue_bold {
        color: blue;
        font-weight: bold;
        /* other styles can go here */
   }
  </code></pre>
  
  <p>So let's say I want to add that to my footer I would in my HTML go:</p>
  
  <pre><code> &lt;div class="blue_bold" id="footer"&gt;
        // Content goes here
   &lt;/div&gt;
  </code></pre>
  
  <p>This is perfect, but what if I want to add that element to a number of my elements. Say I want to add it to my navigation as well, I would then have to add that class to each element:</p>
  
  <pre><code> &lt;div class="blue_bold" id="navigation"&gt;
        // Content
   &lt;/div&gt;
   ....
   &lt;div class="blue_bold" id="footer"&gt;
        // Content
   &lt;/div&gt;
  </code></pre>
  
  <p>My question is, as appose to declaring it via a class or style, is there no way to "attach" the style to another style within my stylesheet? (as example:)</p>
  
  <pre><code> #navigation, #footer  {
        attach_style(".blue_bold");
   }
  </code></pre>
  
  <p>That way I can minimize my code by creating "base styles" and then attach those styles to individual styles within my stylesheet? This is again just a question, not something I wish to impliment, but I figure that given the above it would be a "nice to have" for people working with say brand guideline documents and want to attach specific styles to individual styles without going to the html to do it.</p>
  
  <p>Any ideas? Does this exists? </p>