bocoup
diff --git a/‎css2/cascade.src‎
Lines changed: 50 additions & 52 deletions b/‎css2/cascade.src‎
Lines changed: 50 additions & 52 deletions
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: cascade.src,v 2.34 2002-04-23 20:17:51 bbos Exp $ -->
+<!-- $Id: cascade.src,v 2.35 2002-07-05 13:21:27 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Assigning property values, Cascading, and Inheritance</TITLE>
@@ -91,31 +91,29 @@ href="about.html#property-defs">defines</a> whether it is inherited or
 not.
 
 <div class="html-example"><P>
-Suppose there is an H1 element with an emphasizing element (EM)
+Suppose there is an "h1" element with an emphasizing element ("em")
 inside:</p>
 
 <PRE>
-&lt;H1&gt;The headline &lt;EM&gt;is&lt;/EM&gt; important!&lt;/H1&gt;
+&lt;h1&gt;The headline &lt;em&gt;is&lt;/em&gt; important!&lt;/h1&gt;
 </PRE>
 
-<P>If no color has been assigned to the EM element, the emphasized
-"is" will inherit the color of the parent element, so if H1 has the
+<P>If no color has been assigned to the "em" element, the emphasized
+"is" will inherit the color of the parent element, so if "h1" has the
 color blue, the EM element will likewise be in blue.
 </div>
 
 <P> To set a "default" style property for a document, authors may set
 the property on the root of the document tree. In HTML, for example,
-the HTML or BODY elements can serve this function. Note that this will
-work even if the author omits the BODY tag in the HTML source since
-the HTML parser will infer the missing tag.
+the "html" or "body" elements can serve this function.
 
 <div class="example"><P> 
 For example, since the <span class="propinst-color">'color'</span>
-property is inherited, all descendants of the BODY element will
+property is inherited, all descendants of the "body" element will
 inherit the color 'black':
 
 <PRE>
-BODY { color: black; }
+body { color: black; }
 </PRE>
 </div>
 
@@ -125,26 +123,26 @@ BODY { color: black; }
 For example, given the following style sheet:</P>
 
 <pre>
-BODY { font-size: 10pt }
-H1 { font-size: 120% }
+body { font-size: 10pt }
+h1 { font-size: 120% }
 </pre>
 
 <p>and this document fragment:
 
 <pre class="html-example">
-&lt;BODY&gt;
-  &lt;H1&gt;A &lt;EM&gt;large&lt;/EM&gt; heading&lt;/H1&gt;
-&lt;/BODY&gt;
+&lt;body&gt;
+  &lt;h1&gt;A &lt;em&gt;large&lt;/em&gt; heading&lt;/h1&gt;
+&lt;/body&gt;
 </pre>
 
 <p>the <span class="prop-inst-font-size">'font-size'</span> property
-for the H1 element will have the computed value '12pt' (120% times
+for the "h1" element will have the computed value '12pt' (120% times
 10pt, the parent's value). Since the computed value of <span
-class="propinst-font-size">'font-size'</span> is inherited, the EM
+class="propinst-font-size">'font-size'</span> is inherited, the "em"
 element will have the computed value '12pt' as well.  If the
 user agent does not have the 12pt font available, the
 actual value of <span class="propinst-font-size">'font-size'</span>
-for both H1 and EM might be, for example, '11pt'.
+for both "h1" and "em" might be, for example, '11pt'.
 </div>
 
 <h3>The <span class="index-def" title="inherit, definition
@@ -167,7 +165,7 @@ part of the user's style sheet, black text on a white background will
 be enforced throughout the document.
 
 <PRE>
-BODY { 
+body {
   color: black !important; 
   background: white !important;
 }
@@ -212,9 +210,7 @@ title="conditional import|media-dependent import">conditional
 imports</span> specify comma-separated media types after the URI.
 
 <div class="example">
-<p>The following rules have the same effect as if the imported style
-sheet were wrapped in an @media rule for the same media, but it may
-save the UA a fruitless download.
+<p>The following rules illustrate how @import rules can be made media-dependent:</p>
 
 <pre>
 @import url("fineprint.css") print;
@@ -250,9 +246,9 @@ name="default-style-sheet"><dfn>default style sheet</dfn></a></span>
 document. A user agent's default style sheet should present the
 elements of the document language in ways that satisfy general
 presentation expectations for the document language (e.g., for visual
-browsers, the EM element in HTML is presented using an italic
-font). See <a href="sample.html">"A sample style sheet for HTML
-4.0"</a> for a recommended default style sheet for HTML 4.0 documents.
+browsers, the "em" element in HTML is presented using an italic
+font). See <a href="sample.html">A sample style sheet for HTML
+</a> for a recommended default style sheet for HTML documents.
 
 <P>Note that the default style sheet may change if system settings are
 modified by the user (e.g., system colors). However, due to
@@ -290,9 +286,7 @@ must apply the following sorting order:</p>
       Declarations apply if the associated selector <A
       HREF="selector.html">matches</A> the element in question.
 
-      <!-- HWL 20020423: editorial change to description of weight/origin -->
-
-    <LI>The primary sort of the declarations is by weight (normal or important) and origin (author, user, or user agent). The weight of style sheets, in ascending order, is:
+    <LI>The primary sorting criteria for declarations is weight (normal or important) and origin (author, user, or user agent). The weight of style sheets, in ascending order, is:
 
 <ol>
 <li>user agent style sheets
@@ -303,7 +297,7 @@ must apply the following sorting order:</p>
 </ol>
 
     <LI>
-      The secondary sort is by <a href="#specificity">specificity</a> 
+      The secondary sorting criteria is <a href="#specificity">specificity</a> 
       of selector: more specific
       selectors will override more general ones.  Pseudo-elements and
       pseudo-classes are counted as normal elements and classes,
@@ -354,7 +348,7 @@ equivalent to declaring all of its sub-properties to be "!important".
 
 <div class="example"> 
 
-<P> The first rule in the user's style sheet in the following example
+<P>The first rule in the user's style sheet in the following example
 contains an "!important" declaration, which overrides the corresponding
 declaration in the author's style sheet.  The second declaration
 will also win due to being marked "!important". However, the third
@@ -367,14 +361,14 @@ function also within author style sheets.
 
 <PRE>
 /* From the user's style sheet */
-P { text-indent: 1em ! important }
-P { font-style: italic ! important }
-P { font-size: 18pt }
+p { text-indent: 1em ! important }
+p { font-style: italic ! important }
+p { font-size: 18pt }
 
 /* From the author's style sheet */
-P { text-indent: 1.5em !important }
-P { font: 12pt sans-serif !important }
-P { font-size: 24pt }
+p { text-indent: 1.5em !important }
+p { font: 12pt sans-serif !important }
+p { font-size: 24pt }
 </PRE>
 </div>
 
@@ -383,14 +377,19 @@ P { font-size: 24pt }
 <P>A selector's specificity is calculated as follows:</p>
 
 <ul>
+
 <li>count 1 if the selector is a 'style' attribute rather than a
 selector, 0 otherwise (= a) (In HTML, values of an element's "style"
 attribute are style sheet rules. These rules have no selectors, so
 a=1, b=0, c=0, and d=0.)
+
 <li>count the number of ID attributes in the selector (= b)
+
 <li>count the number of other attributes and pseudo-classes 
 in the selector (= c)
+
 <li>count the number of element names in the selector (= d)
+
 <li>ignore pseudo-elements.
 </ul>
 
@@ -402,32 +401,32 @@ Some examples:
 
 <PRE>
  *             {}  /* a=0 b=0 c=0 d=0 -&gt; specificity = 0,0,0,0 */
- LI            {}  /* a=0 b=0 c=0 d=1 -&gt; specificity = 0,0,0,1 */
- UL LI         {}  /* a=0 b=0 c=0 d=2 -&gt; specificity = 0,0,0,2 */
- UL OL+LI      {}  /* a=0 b=0 c=0 d=3 -&gt; specificity = 0,0,0,3 */
- H1 + *[REL=up]{}  /* a=0 b=0 c=1 d=1 -&gt; specificity = 0,0,1,1 */
- UL OL LI.red  {}  /* a=0 b=0 c=1 d=3 -&gt; specificity = 0,0,1,3 */
- LI.red.level  {}  /* a=0 b=0 c=2 d=1 -&gt; specificity = 0,0,2,1 */
+ li            {}  /* a=0 b=0 c=0 d=1 -&gt; specificity = 0,0,0,1 */
+ ul li         {}  /* a=0 b=0 c=0 d=2 -&gt; specificity = 0,0,0,2 */
+ ul ol+li      {}  /* a=0 b=0 c=0 d=3 -&gt; specificity = 0,0,0,3 */
+ h1 + *[rel=up]{}  /* a=0 b=0 c=1 d=1 -&gt; specificity = 0,0,1,1 */
+ ul ol li.red  {}  /* a=0 b=0 c=1 d=3 -&gt; specificity = 0,0,1,3 */
+ li.red.level  {}  /* a=0 b=0 c=2 d=1 -&gt; specificity = 0,0,2,1 */
  #x34y         {}  /* a=0 b=1 c=0 d=0 -&gt; specificity = 0,1,0,0 */
  style=""          /* a=1 b=0 c=0 d=0 -&gt; specificity = 1,0,0,0 */
 </PRE>
 </div>
 
 <div class="html-example"><P>
 <PRE>
-&lt;HEAD&gt;
-&lt;STYLE type="text/css"&gt;
+&lt;head&gt;
+&lt;style type="text/css"&gt;
   #x97z { color: red }
-&lt;/STYLE&gt;
-&lt;/HEAD&gt;
-&lt;BODY&gt;
-&lt;P ID=x97z style="color: green"&gt;
-&lt;/BODY&gt;
+&lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p ID=x97z style="color: green"&gt;
+&lt;/body&gt;
 </PRE>
 
-<P>In the above example, the color of the P element would be
+<P>In the above example, the color of the "p" element would be
 green. The declaration in the "style" attribute will override the one in
-the STYLE element because of cascading rule 3, since it has a higher
+the "style" element because of cascading rule 3, since it has a higher
 specificity.
 </div>
 
@@ -436,7 +435,6 @@ particular, a selector of the form "[id=p33]" is counted as an
 attribute selector (a=0, b=0, c=1, d=0), even if the id attribute is
 defined as an "ID" in the source document's DTD.
 
-
 <H3>Precedence of non-CSS presentational hints</H3> 
 
 <p>If the user agent chooses to honor presentational hints from other