title: How to reuse css class content in another class without copying?
body: <p>Is it possible to use existing css class as content in another class ?</p>
  <p>I mean something like:</p>
  <pre class="lang-css prettyprint-override"><code>/* Contained in some library: */
  .class1 { text-indent: 100 }
  </code></pre>
  <pre class="lang-html prettyprint-override"><code>/* I can not change this: */
  &lt;span class=&quot;class2&quot;&gt;
  </code></pre>
  <p>The definition for <code>class2</code> is also contained in another library. So I can not change it directly.</p>
  <pre class="lang-css prettyprint-override"><code>/* But I want to do something like that in my CSS file: */
  .class2 { .class1 }
  </code></pre>
  <p>I know it is not possible in that form. But maybe one can use some trick to achieve the behaviour without copying of the content of <code>class1</code>? I need this because I want to redefine class with content from another CSS class. Our project uses jQuery as well, but I would do it rather with CSS.</p>
  <p><strong>EDIT</strong>: I should explain more, I could not change how <code>.class1</code> is defined, because this class is in a library, and I could not change mark up on span class.</p>