title: list elements not inheriting styles from parents
body: <p>Any idea why 'li' elements are not inheriting 'p' elements style in the following snippets?
  i.e 'role1' and 'role2' are rendering as black while 'Hello world!' and 'Inside nested p' are in blue.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;title&gt;test&lt;/title&gt;
      &lt;head&gt;
          &lt;style type="text/css"&gt;
          p {
              color: blue;
          }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;p&gt;
              Hello World !
              &lt;ol&gt;
                  &lt;li&gt;role1&lt;/li&gt;
                  &lt;li&gt;role2&lt;/li&gt;
              &lt;/ol&gt;
              &lt;p&gt;
                  Inside nested p
              &lt;/p&gt;
          &lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>