title: Need to override cascade style
body: <p>i have a style :</p>
  
  <pre><code>.window .div {
      border:medium solid #000000;
      height:150px;
      background-color: #0099FF;
      }
  </code></pre>
  
  <p>and then i have another style:</p>
  
  <pre><code> #NewDiv {
      font:Arial, Helvetica, sans-serif;
      font-size: 24px;
      height: 20px;
      border-bottom-width: medium;
      border-bottom-style: solid;
      border-bottom-color: #000000;
          }
  </code></pre>
  
  <p>I need to put a #NewDiv div tag inside of window .div, BUT... #NewDiv must retain its own styling while sitting inside of window .div div tags.  How do I do this?</p>
  
  <p>Currently when I try, #NewDiv takes on the same styling as window .div when i place it inside of it and i dont want that at all. Any suggestions?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="window"&gt;
      &lt;div&gt;
          &lt;div id="NewDiv"&gt;Whats Wrong Here?&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>