title: How can I alter this CSS so that it only applies to a certain div?
body: <p>I have the following CSS:</p>
  
  <pre><code>    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
  {
      background: transparent;
      border: 0;
      font-size: 100%;
      margin: 0;
      outline: 0;
      padding: 0;
      vertical-align: baseline;
  }
  body
  {
      line-height: 1;
  }
  ol,ul
  {
      list-style: none;
  }
  blockquote,q
  {
      quotes: none;
  }
  blockquote:before,blockquote:after,q:before,q:after
  {
      content: '';
      content: none;
  }
  :focus
  {
      outline: 0;
  }
  ins
  {
      text-decoration: none;
  }
  del
  {
      text-decoration: line-through;
  }
  table
  {
      border-collapse: collapse;
      border-spacing: 0;
  }
  </code></pre>
  
  <p>How can I change it so that it applies only to the div called <code>header</code> and the elements within?</p>