title: copy css from one class to another?
body: <p>This may seem like a very basic question but I did not seem to find an answer to it.
  I know it is possible to define a css rule for more than one element at once as such:</p>
  
  <pre><code>.element1, .element2{
    font-size:14px;
  }
  </code></pre>
  
  <p>Is it possible, though, to do that exact same thing, but apply the css to element after the css for element1 has been defined? Something like this:</p>
  
  <pre><code>.element1{
    font-size:14px;
  }
  
  /*later in the css... or in a separate file*/
  
  .element2{
   like:".element1";
   font-weight:bold;
  }
  </code></pre>
  
  <p>So that element2 now inherits the css of element one.
  The reason I am trying to do this is because I have a css definition for an element1 that loads for all pages of the site. Then, for one particular page (that loads the main css file, along with its own) I would like to use the style from element1 and add to it.
  What I am trying to avoid is loading the definition for element2 for all pages on the site (including those who don't even have element[s] with the class element2.</p>
  
  <p>Could this be done?
  I realize I could easily achieve this with jQuery (i.e. <code>$(".element2").addClass(".element1");</code>) but I would like to avoid using scripts for my css.</p>
  
  <p>Thanks!</p>