title: How to set all children font-size?
body: <p>I have random html like below:</p>
  
  <pre><code>&lt;article&gt;
      &lt;div&gt;
          &lt;p&gt;&lt;/p&gt;
          &lt;p&gt;&lt;/p&gt;
          &lt;div&gt;
              &lt;p&gt;&lt;/p&gt;
              &lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;span&gt;&lt;/span&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>There may be any tag like <code>&lt;section /&gt;</code> etc. Now I want to apply the <code>font-size</code> to <strong>.8em</strong> for the paragraphs. </p>
  
  <p>So I can use <code>p{font-size: .8em;}</code> but if there is no <code>&lt;p /&gt;</code> tag then on the <code>div&lt;!--with no child p tag --&gt;</code> I would use <code>div{font-size: .8em;}</code> but giving this style will resize the <code>font-size</code> of child <code>p</code> to <code>0.8*0.8=0.64em</code>. So the font-size of the paragraphs may vary.</p>
  
  <p>Thus, how can I style all the paragraphs font-size static to <code>.8em</code>?</p>
  
  <hr>
  
  <blockquote>
    <p>paragraphs may be in <code>&lt;p /&gt;, &lt;div /&gt;, &lt;span /&gt;</code> etc.</p>
  </blockquote>
  
  <p>please note: p's font size is set to which I won't modify!</p>