title: Does tag like <div> and <span> inherit or not
body: <p>From <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/div" rel="nofollow noreferrer">MDN</a> it says:</p>
  
  <blockquote>
    <p>The HTML &lt;div&gt; element is the generic container for flow content and <strong>does not inherently represent anything</strong>. </p>
  </blockquote>
  
  <p>It also says:</p>
  
  <blockquote>
    <p>The HTML &lt;span&gt; ... <strong>does not inherently represent anything</strong>. </p>
  </blockquote>
  
  <p>However, my code shows <code>div</code> and <code>span</code> do inherit <code>color</code> attribute from <code>body</code> tag:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;style&gt;
       body{
           color: red;
           text-align: center;
       }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div&gt;
          test div
      &lt;/div&gt;
      &lt;span&gt;test span&lt;/span&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>In the above code, both <code>test div</code> and <code>test span</code> are red and centered. So how to interpret MDN's word?</p>