title: CSS - Styles does not inherit properties
body: <p>I have this code and I don't understand why my H1 and its associated P tag do not get the font and size defined in th BODY css element (no inheritence).. unless I uncomment the * css style, what is a really bad idea. And if I do so, I can't change their properties redefining them in the P css tag (inheritence seems forced).</p>
  
  <p>I have this problem for maaany tags, and I don't wanty to have to redefine each time the font and size.</p>
  
  <p><strong>global.css</strong></p>
  
  <pre><code>/*
  * {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
  }
  */
  html {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
  }
  
  body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      margin: 0px;
  }
  
  p {
      text-align:justify;
      margin:0px;
      margin-bottom:10px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;TITLE&gt;a&lt;/TITLE&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;LINK href="global.css" rel="stylesheet" type="text/css"&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
  &lt;DIV&gt;
    &lt;TABLE width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
      &lt;TR&gt;
        &lt;TD width="1" valign="top"&gt;&lt;/TD&gt;
        &lt;TD valign="top"&gt;
          &lt;div&gt;
            &lt;H1&gt;Title&lt;/H1&gt;
            &lt;p&gt;Some text&lt;/p&gt;
          &lt;/div&gt;
        &lt;/TD&gt;
      &lt;/TR&gt;
    &lt;/TABLE&gt;
  &lt;/DIV&gt;
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>