title: CSS/SASS specificity applying class change
body: <p>I'm trying to change the background color of the <code>&lt;body&gt;</code> which has already been set. How can I override this body background-color and apply a new color to it? The div contained within the body needs to override the body's background color.</p>
  
  <p>Example:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body class="body-class"&gt;
      &lt;div class="div-class"&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>SASS:</p>
  
  <pre><code>body.body-class {
      background-color: setcolor(white);
      .div-class {
          background-color: setcolor(blue);
      }
  }
  </code></pre>
  
  <p>Now I expect the background-color to be blue but it's still white?</p>