many changes

Author: howcom

css3-cascade/Overview.src.html

@@ -50,14 +50,15 @@ <h2 class="no-num no-toc">Abstract</h2>
 <p>This CSS3 module describes how to find a value for every
 element/property combination in a document. Values either come from
 style sheets or the property's initial value. By way of cascading and
-inheritance, values are propagated to all element/property
-combinations. The output of the computations described in this module
-is the <em>specified value</em>.
+inheritance, values are propagated to all properties on all elements.
+
+<p>This module interfaces with several other modules. It relies on
+[[!CSS3SYN]] to parse the style sheets, on [[!SELECT]] to calculate
+specificity, and on [[!MEDIAQ]] to determine if a declaration applies
+to the media. The output from this module is a <em>specified
+value</em> for all element/property combinations. The processing of
+specified values is described in [[!CSS3VAL]].
 
-<!--
-The input to the computations described in this module
-is a set of style sheets of style sheets
--->
 
 <h2 class="no-num no-toc">Status of this document</h2>
 
@@ -93,29 +94,6 @@ <h2 class="no-num no-toc">Table of contents</h2>
 
 <hr>
 
-<h2>Dependencies on other modules</h2>
-
-<p>This CSS3 module depends on the following other CSS3 modules:
-
-<ul>
-<li>Selectors [[!SELECT]], which describes <strong class="index">specificity</strong>
-
-<li>Syntax [[!CSS3SYN]], which describes how to parse CSS style sheets
-
-<!-- into <strong title="declaration" class="index">declarations</strong>-->
-
-<li>Media Queries [[!MEDIAQ]], which describe how to restrict style
-sheets to certain types of devices.
-
-</ul>
-
-<p>It has non-normative references to the following other CSS3
-modules:</p>
-
-<ul>
-<li>Values and Units [[!CSS3VAL]], which describes the computation from
-specified through computed to actual values</li>
-</ul>
 
 
 <h2>Introduction</h2>
@@ -140,23 +118,39 @@ <h2>Input and output of this module</h2>
 <p>The input to the computations described in this module is:
 
 <ul>
-<li>The set of declarations that apply to the element/property combination in
-question. It is assumed that declarations that do not apply (e.g. due to the
-media type, or user selection of style sheets) is not included in the set. 
 
-<li>The inherited value of the property. 
+<li>a set of parsed style sheets
+
+<li>the initial value of each property
+
+<li>the title of the preferred style sheet (if any)
 
-<li>The initial value of the property.
 </ul>
 
-<p>The output of the computations described in this module is a single
-value for all element/property combinations. This value is called
-the <dfn>specified value</dfn>.
+<p>The output of the computations described in this module is a
+specified value for all properties on all elements and page/margin
+boxes. The specified value is found by first forming an ordered list
+with all rules that apply to the document:
 
-<p>The specified value is found by using the following pseudo-algorithm:
+<ol>
+
+<li>Media Queries [[!MEDIAQ]] are used to remove statements with media
+queries that are false in the given context.
+
+<li>From the remaining @import statements, those that do not match the
+title of the preferred style sheet (if any) are removed (described
+in <a href="#import">Importing style sheets</a> below)
+
+<li>All remaining @import rules are expanded. 
+
+</ol>
+
+<p>Then, for every element and every page/margin box, the value for each property can be found by following this pseudo-algorith:
 
 <ol>
 
+<li>Identify all declarations that apply to the element (as described in [[!SELECT]]) or the page/margin box (as described in [[CSS3PAGE]]).
+
 <li>If the cascading process (described below) yields a winning
 declaration and the value of the winning declaration is not ''initial''
 or ''inherit'', the value of the winning declaration becomes the
@@ -176,11 +170,12 @@ <h2>Input and output of this module</h2>
 </ol>
 
 <p>The specified value may need some computation before it can be
-used. This is described in the values are described in the <a href="/TR/css3-values">Values and
+used. This is described in the <a href="/TR/css3-values">Values and
 Units</a> [[!CSS3VALUES]] module.
 
-<h2 id="at-import">Style sheets including other style sheets: 
-the <code>@import</code> rule</h2>
+
+
+<h2 id="at-import">Importing style sheets</h2>
 
 <p class="issue">[When this section is rewritten to define user agent
 conformance more clearly, it should state that (1) the media list
@@ -344,8 +339,7 @@ <h2 id="at-import">Style sheets including other style sheets:
 a keyword or some punctuation? E.g., '@import url(foo.css) as
 "Boxed"'.
 
-<h2 id="at-media-rule">Rules for specific media: the
-<code>@media</code> rule</h2>
+<h2 id="at-media-rule">Rules for specific media: the <code>@media</code> rule</h2>
 
 <p>An <dfn>@media</dfn> rule specifies the target media types
 (separated by commas) of a set of rules (delimited by curly braces). 
@@ -488,8 +482,19 @@ <h2>Inheritance</h2>
 <p>Inheritance is a way of propagating property values from parent
 elements to their children. Inheritance means that the specified value
 of a given element/property combination is copied from the computed
-value of the parent element. The root element, which has no parent
-element, inherits the initial value of the property. 
+value of the parent element. 
+
+<p>
+
+<ul>
+<li>The root element, which has no parent element, inherits the initial value of the property. 
+<li>The page box inherits from the inherits the initial value
+<li>Margin boxes inherit from the page box
+<li>pseudo-elements inherit according to the fictional tag sequence [[!SELECT]]
+<li>pseudo-classes inherit from its parent
+
+</ul>
+
 
 <p>Some properties are said to be <dfn
 title="inheritance">inherited</dfn>. This means that,