title: How to make an element inherit a set of CSS rules for another element?
body: <p>Say I have a <code>&lt;div&gt;</code> like this that is going to have all of the same properties with a background image or something like that:</p>
  
  <pre class="lang-css prettyprint-override"><code>div.someBaseDiv {
      margin-top: 3px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0px;
  }
  </code></pre>
  
  <p>And I wanted to inherit from it like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>div.someBaseDiv someInheritedDiv {
      background-image: url("images/worldsource/customBackground.gif");
      background-repeat: no-repeat;
      width: 950px;
      height: 572px;
  }
  </code></pre>
  
  <p>Of course I’m pretty sure this is written wrong, and I’m not afraid to ask for help, so can someone tell me how to make this work and include the HTML markup?</p>