title: Clearing CSS styles due to second CSS file with some duplicate classes
body: <p>Is there a global way to clear CSS styles from a div because of duplicate style names? We're merging content and are trying to minimize the work by utilizing multiple style sheets. Here's a test I've been working on: <a href="http://jsfiddle.net/Codewalker/yU2sW/7/" rel="nofollow">http://jsfiddle.net/Codewalker/yU2sW/7/</a>. However, since it's JSFiddle, instead of referencing two external stylesheets, I've combined them in the CSS window. Notice how the secondary_container div inherits the blue text from the other container. I've also pasted the code below:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;h1&gt;This is in an h1 tag.&lt;/h1&gt;
  &lt;p&gt;This is at the very top, outside the secondary_container stuff. All kinds of content     can go down here. All of this is within a paragraph tag. I'll write one more sentence then     copy all this over again. Sound good? Wait that's two more sentences. Actually four. Oh well. So much for that. Here goes a little copying and pasting. All kinds of content can go down here. All of this is within a paragraph tag. I'll write one more sentence then copy all this over again. Sound good? Wait that's two more sentences. Actually four. Oh well. So much for that. Here goes a little copying and pasting.&lt;/p&gt;
  
  &lt;div id="secondary_container"&gt;
  &lt;div class="container"&gt;
  
  &lt;p&gt;This is within the container div that's within the secondery_container div. All kinds of content can go down here. All of this is within a paragraph tag. I'll write one more sentence then copy all this over again. Sound good? Wait that's two more sentences. Actually four. Oh well. So much for that. Here goes a little copying and pasting. All kinds of content can go down here. All of this is within a paragraph tag. I'll write one more sentence then copy all this over again. Sound good? Wait that's two more sentences. Actually four. Oh well. So much for that. Here goes a little copying and pasting.&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the CSS, which would actually be two separate external stylesheets:</p>
  
  <pre><code>/* BEGINNING OF FIRST CSS FILE styler.css */
  
  .container {
  background-color: #00FF00;
  height: auto;
  width:960px;
  margin: 0 auto;
  line-height: 20px;
  }
  
  h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #F00; text-transform:uppercase; }
  p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00F; 
  
  }
  
  /* BEGINNING OF SECOND CSS FILE secondary_container.css 
  */
  
  #secondary_container .container h1 { font-family:Georgia, "Times New Roman", Times, serif; color: #0F0; }
  #secondary_container .container p { font-style:italic; line-height:14px;}
  </code></pre>