Overriding style rules

<link rel = "stylesheet" type = "text/css" href = "override-link.css">
<style type = "text/css">
<!– import style rules for h1, h2, h3 (green) –>
@import url(override-import.css);
<!– internal style rules for h1, h2 headings (blue) –>
h1 { color: blue }
h2 { color: blue }
</style>
<!– assigned style rule for h1 heading (purple) –>
<h1 style = "color: purple">h1 Heading</h1>
<h2>h2 Heading</h2>
<h3>h3 Heading</h3>
<h4>h4 Heading</h4>

Results for the above:

h1 Heading

h2 Heading

h3 Heading

h4 Heading