title: Apply CSS normalize / reset to single element and children
body: <p>I have a plugin that needs to work with multiple themes without inheriting the styles from that theme.</p>
  
  <p>I know I can reset all elements using this</p>
  
  <pre><code> #element, #element * { -- reset css here --}
  </code></pre>
  
  <p>But then I loose all styling. I actually would prefer to use normalize (<a href="http://yuilibrary.com/yui/docs/cssnormalize/" rel="nofollow">http://yuilibrary.com/yui/docs/cssnormalize/</a>) which has a contextual css file.</p>
  
  <p>But how do I apply this to a single div and all children.</p>
  
  <p>Another illustrative example.</p>
  
  <p>I have </p>
  
  <pre><code>    &lt;div id="test-element"&gt;
      &lt;table&gt;
      &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I want the table not to inherit any styling -  to be normalized.</p>