## Inheritance

Properties are typically inherited by children elements.
Example 10.8
Example 10.8 Source:
<div> Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Cras sollicitudin, orci nec facilisis vehicula, neque urna porta risus, ut sagittis enim velit at orci. Fusce velit. Integer sapien enim, rhoncus vitae, cursus non, commodo vitae, felis. Nulla convallis ante sit amet urna. Maecenas condimentum hendrerit turpis.</div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sollicitudin, orci nec facilisis vehicula, neque urna porta risus, ut sagittis enim velit at orci. Fusce velit. Integer sapien enim, rhoncus vitae, cursus non, commodo vitae, felis. Nulla convallis ante sit amet urna. Maecenas condimentum hendrerit turpis.</p>
In style element (`<style type="text/css">`) within head element:
body { color: navy; } em { color: red; } div { color: green; }
Example 10.8 Rendered:

- With Styles
- Without Styles

Note: Firebug is a very useful Firefox extension for analyzing CSS properties and values.