[css2] updated the cascade order and the example.

howcom · howcom · commit d2fe96ba3590 · 1998-03-16T14:57:09.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401220
diff --git a/css2/cascade.src b/css2/cascade.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: cascade.src,v 2.13 1998-03-15 22:44:21 bbos Exp $ -->
+<!-- $Id: cascade.src,v 2.14 1998-03-16 14:57:09 howcome Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Assigning property values, Cascading, and Inheritance</TITLE>
@@ -335,19 +335,18 @@ must apply the following algorithm:</p>
       declarations apply, terminate the algorithm.
 
     <LI>
-      Sort the declarations by weight.
-      <span class="index-def" title="important">"!important"</span>
-      declarations in the user's style sheet have more weight than
-      all other declarations. 
-      <span class="index-def" title="important">"!important"</span>
-      declarations in the author's style sheets have more weight than
-      those in the UA's default style sheet.
+      Sort the declarations by weight: declarations marked <span
+      class="index-def" title="important">"!important"</span> carry
+      more weight than unmarked (normal) declarations.
 
     <LI>
-      Sort by origin: the author's style sheets override the user's
-      style sheets which override the default style sheet. An imported
-      style sheet has the same origin as the style sheet from which it
-      is imported. 
+      Sort by origin: normally, the author's style sheets override the
+      user's style sheets which override the default style sheet. For
+      declarations marked <span class="index-def"
+      title="important">"!important"</span>, the order is switched between
+      the user and the author, so that user declarations override
+      author declarations. An imported style sheet has the same
+      origin as the style sheet from which it is imported.
 
     <LI>
       Sort by specificity of selector: more specific selectors will
@@ -366,8 +365,11 @@ must apply the following algorithm:</p>
 the above steps yields a rule that has a higher weight than the other
 rules that apply to the same element/property combination.
 
+<!--
 <P>Note that "!important" may occur in author's and UA's style sheets,
 but only has an effect in the user's style sheets.
+[nope, Chris Wilson wanted it to count, HWL]
+-->
 
 <P> Apart from the "!important" setting on individual declarations,
 this strategy gives author's style sheets higher weight than those of
@@ -399,21 +401,27 @@ class="propinst-background">'background'</span>) to be "!important" is
 equivalent to declaring all of its sub-properties to be "!important".
 
 <div class="example"><P>
-The first rule of the user's style sheet in the following example
-contains two "!important" declarations, which override
-the corresponding color and background properties in the
-author's style sheet even though the author has also specified
-"!important". The second rule of the user's style sheet will
-override the author's 'font-style' specification.</p>
+The first rule in the user's style sheet in the following example
+contains an "!important" declaration, which override
+the corresponding declaration in the authors's styles sheet.
+The second declaration will also win due to being marked
+"!important". However, the third rule in the user's style sheet will
+lose to the second rule in the author's style sheet (which happens to
+set style on a shorthand property). The third user rule will lose to
+the second author rule. Also, the third author rule will lose to the
+second author rule. This shows that "!important" declarations have a
+function also within author style sheets.
 
 <PRE>
   /* From the user's style sheet */
-  H1 { color: black ! important; background: white ! important }
-  P  { font-size: 18pt; font-style: normal ! important}
+  P { text-indent: 1em ! important }
+  P { font-style: italic ! important }
+  P { font-size: 18pt }
 
   /* From the author's style sheet */
-  H1 { color: yellow ! important; background: blue ! important }
-  P  { font-size: 12pt; font-style: italic }
+  P { text-indent: 1.5em !important }
+  P { font: 12pt sans-serif !important }
+  P { font-size: 24pt }
 </PRE>
 </div>
 
