<?xml version="1.0" encoding='utf-8'?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="card1" title="CSS - Page 34 - Wikipedia">
<p>
<a accesskey="1" href="page.php?w=CSS&amp;p=33">1.Previous</a><br />
<a accesskey="3" href="page.php?w=CSS&amp;p=35">3.Next</a>
</p>
<p>following style sheet:<syntaxhighlight lang="css">p {   color: blue;}</syntaxhighlight>Suppose there is a p element with an emphasizing element  inside:<syntaxhighlight lang="html"><p>   This is to <em>illustrate</em> inheritance</p></syntaxhighlight>If no color is assigned to the em element, the emphasized word "illustrate" inherits the color of the parent element, p. The style sheet p has the color blue, hence, the em element is likewise blue:</p>

<p><div class="html-box" style="min-width: 160pt; height: 80pt; background-color: white; border: 2pt solid #303030; padding: 5px; user-select: none;>  <p style="color: blue;">This is to <em>illustrate</em> inheritance</p></div></p><p>
<a accesskey="1" href="page.php?w=CSS&amp;p=33">1.Previous</a><br />
<a accesskey="3" href="page.php?w=CSS&amp;p=35">3.Next</a>
</p>

<do type="prev" label="Search">
        <go href="search.wml"/>
</do>

</card>
</wml>
