important.aspx font size:
<html>
<head>
<title>Abakada HTML Demo: !important Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
   #msg { color: navy !important }
-->
</style>
</head>

<body>
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada HTML Demo: !important Attribute</h2></div>
<hr size=1 width=92%>

<p>Generally, styles are applied based on the following order of precedence: 
<ul>
   <li>styles declared in a <i>linked stylesheet</i> are applied if there are none other specified.
   <li>if styles are specified for the same element or selector in an <i>embedded stylesheet</i>, these styles take precedence.
   <li>if an inline <i>style attribute</i> is specified for a particular element, that style takes precedence over all other declared styles.</li>
</ul>

<p id="msg" style="color: darkgreen">Because the style for this paragraph has been declared with the <b>!important</b> attribute in an embedded stylesheet, this text will still use that style, even though we specify a different inline style. </p>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>