title: how to put a css class inside of a css class?
body: <pre><code>.mac{margin-left:auto; margin-right:auto;}
  
  .table{.mac; color:red;}
  </code></pre>
  
  <p>I want to be able to do that, it doesn't make sense to me why I would need to do:</p>
  
  <pre><code>.table{margin-left:auto; margin-right:auto; color:red;}
  </code></pre>
  
  <p>I know for the table I could do:</p>
  
  <pre><code>&lt;table class="table mac"&gt;
  </code></pre>
  
  <p>or just type the <code>.table{margin-left:auto; margin-right; color;}</code> like above but that seems redundant.</p>
  
  <p>Is there some way to do what I'm trying to accomplish in my first statement, is there some special syntax that I'm not aware of to make this work?</p>