Inheritance

div {
color: red; <div>
} <div>
<h1>Inherited!</h1>
</div>
p { <p>Overwritten</p>
<p>Inherited!</p>
color: green; <div>Inherited!</div>
} <article>
<p>Overwritten</p>
<p>Inherited!</p>
</article>
<p>Overwritten</p>
<p>Inherited!</p>
Parent styles are inherited by </div>
child elements if not overwritten!