title: Style a class inside a class but not the outside with the same class
body: <p>I have two divs that has the class <code>.body</code>, however, one is inside another div with a class .box - as follows: </p>
  
  <pre><code>&lt;div class="box"&gt;
     &lt;div class="body"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="body"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I only want to style the .body that is inside of .box... but what I am doing below isn't working and it is applying the styling to the .body out side as well.</p>
  
  <pre><code>.box .body {
     background-color: red;
  }
  </code></pre>
  
  <p>I don't want to change .box to #box as "box" MAY be placed more than once in the same document.</p>
  
  <p><strong>Please take a look here: <a href="http://jsfiddle.net/H2cmE/" rel="nofollow">http://jsfiddle.net/H2cmE/</a></strong></p>