title: document.write a new page with a unified font-size across the page
body: <p>I want to open a new page that has content identical to a <code>div</code> called <code>Div1</code> in the old page.
  In my JavaScript function I have a <code>newWindow</code> variable that is returned by a <code>window.open</code> command, and I write the inner HTML of <code>Div1</code> into <code>newWindow</code>, and I want every single text within the new page has a font size of 7px. Here is what I wrote:</p>
  
  <pre><code>newWindow.document.write('&lt;html&gt;&lt;head&gt;&lt;title&gt;Hello World&lt;/title&gt;');
          newWindow.document.write('&lt;/head&gt;&lt;body style="font-size:7px"&gt;');
          newWindow.document.write($('Div1').html());
          newWindow.document.write('&lt;/body&gt;&lt;/html&gt;');
  </code></pre>
  
  <p>The new page renders but since the content in <code>Div1</code> are splited into 3 <code>fieldset</code>s, only the <code>legend</code>s of those <code>fieldset</code>s have their font size changed to 7px, everything within the fieldsets still has default font size (which is approximately 11px). How to change every text in the new page to 7px? I can <code>document.write</code> a link to a new stylesheet for the new page but I prefer inline styling. Thanks.</p>
  
  <hr>
  
  <p>Old page (ASP.net):</p>
  
  <pre><code>&lt;div id="Div1" runat=server&gt;
      &lt;fieldset&gt;
          &lt;legend class="LLegends"&gt; Header &lt;/legend&gt;
              &lt;asp:FormView ID="FormView1" runat="server"&gt;
                  contents that I want to be 7px in the new page
              &lt;/asp:FormView&gt;
       &lt;/fieldset&gt;
  
       &lt;!-- other 2 fieldsets with the same set up --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Class <code>LLegends</code> (only class of elements that has CSS style)</p>
  
  <pre><code>.LLegends {font-size: large;}
  </code></pre>