<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>