title: <body> font size doesn't affect <h> tags
body: <p>I'm trying to <strong>double my font size on every page</strong> of my HTML project. I did this:</p>
  
  <pre><code>body{
    font-size:200% !important;
  }
  </code></pre>
  
  <p>on the main css file which is included in every single page, and the result was good on every tag <strong>except</strong> <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code> . They remained as the way they were before. I tried the same trick for these tags, </p>
  
  <pre><code>h1, h2, h3, h4, h5, h6{
    font-size:200% !important;
  }
  </code></pre>
  
  <p>which resulted in extra large font for these tags.
  In my inspect element window, I can see that these tags had been over written before I did this to them, and their <code>font-size</code> was changed. my  <code>font-size:200% !important</code>removed their previous <code>font-size</code>  and now they have their standard font-size *2.</p>
  
  <p><strong>I need to keep that modified font-size for <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code>, and just make it double</strong>. Doing it by changing font-size for every single one of them would be inefficient. Is there anyway to force them to obey <code>&lt;body&gt;</code> font-size rule?</p>
  
  <p><strong>Edit:</strong> I also realized there are some other classes which haven't been affected by my rule to body tag. As an instance, divs with ionic form-message class.
  Now this is getting weird. :|</p>