title: How to override background image defined in CSS with another CSS?
body: <p>I have a 'Core.css' which defines a page background image, along with the theme, for the site. But for a specific page I want to change just the background. Any suggestions on how this can be achieved in a separate CSS file?</p>
  
  <p>The HTML for the page is:</p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="core.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="index.css" /&gt;
  </code></pre>
  
  <p>And core.css defines: </p>
  
  <pre><code>body
  {
          background-image: url('bg.png');
  }
  </code></pre>
  
  <p>While index.css defines:</p>
  
  <pre><code>body
  {
      background-image:('homeBg.png');
  }
  </code></pre>
  
  <p>Thanks!</p>