- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 31 Oct 2011 19:09:50 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-cascade
In directory hutz:/tmp/cvs-serv25730
Modified Files:
Overview.html Overview.src.html
Log Message:
Shuffle some heading levels and move a section down
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-cascade/Overview.html,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -d -r1.12 -r1.13
--- Overview.html 19 Jan 2009 18:45:04 -0000 1.12
+++ Overview.html 31 Oct 2011 19:09:48 -0000 1.13
@@ -4,7 +4,7 @@
<html lang=en>
<head><meta content="text/html" http-equiv=Content-Type>
- <title>CSS3 module: Cascading and inheritance</title>
+ <title>CSS Cascading and Inheritance Level 3</title>
<link href="../default.css" rel=stylesheet type="text/css">
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
type="text/css">
@@ -20,16 +20,16 @@
<p><a href="http://www.w3.org/"><img alt=W3C height=48
src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->
- <h1>CSS3 module: Cascading and inheritance</h1>
+ <h1>CSS Cascading and Inheritance Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 January
- 2009</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 October
+ 2011</h2>
<dl>
<dt>This version:
<dd><a
- href="http://www.w3.org/TR/2009/ED-css3-cascade-20090119">http://www.w3.org/TR/2009/ED-css3-cascade-20090119</a>
+ href="http://www.w3.org/TR/2011/ED-css3-cascade-20111031/">http://www.w3.org/TR/2011/ED-css3-cascade-20111031/</a>
<dt>Latest version:
@@ -51,14 +51,14 @@
<!--begin-copyright-->
<p class=copyright><a
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
- rel=license>Copyright</a> © 2009 <a
- href="http://www.w3.org/"><acronym title="World Wide Web
- Consortium">W3C</acronym></a><sup>®</sup> (<a
- href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
- of Technology">MIT</acronym></a>, <a
- href="http://www.ercim.org/"><acronym title="European Research Consortium
- for Informatics and Mathematics">ERCIM</acronym></a>, <a
- href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+ rel=license>Copyright</a> © 2011 <a
+ href="http://www.w3.org/"><acronym
+ title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a
+ href="http://www.csail.mit.edu/"><acronym
+ title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+ href="http://www.ercim.eu/"><acronym
+ title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+ <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a
href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -97,10 +97,10 @@
<p>The main purpose of this module is to rewrite the relevant parts of CSS2
as a module for CSS3. With the exception of the ‘<code
class=css>initial</code>’ value and the optional title for
- ‘<code class=css>@import</code>’ and ‘<code class=css><a
- href="#media">@media</a></code>’, all features described in this
- module also exist in CSS2. Compared to CSS2, the cascading order has been
- changed in two cases as noted in the text.
+ ‘<code class=css>@import</code>’ and ‘<a
+ href="#media"><code class=css>@media</code></a>’, all features
+ described in this module also exist in CSS2. Compared to CSS2, the
+ cascading order has been changed in two cases as noted in the text.
<p>This draft should not be cited except as "work in progress". It is a
work item of the CSS working group and part of the <a href="/Style/">Style
@@ -124,27 +124,36 @@
<!--begin-toc-->
<ul class=toc>
- <li><a href="#introduction"><span class=secno>1 </span>Introduction</a>
+ <li><a href="#introduction"><span class=secno>1. </span>Introduction</a>
- <li><a href="#input-to-and-output-from-this-module"><span class=secno>2
- </span>Input to and output from this module</a>
+ <li><a href="#combine"><span class=secno>2. </span>Combining Style
+ Sheets</a>
+ <ul class=toc>
+ <li><a href="#at-import"><span class=secno>2.1. </span>Importing style
+ sheets</a>
- <li><a href="#at-import"><span class=secno>3 </span>Importing style
- sheets</a>
+ <li><a href="#altss"><span class=secno>2.2. </span> Alternate Style
+ Sheets</a>
- <li><a href="#at-media-rule"><span class=secno>4 </span>Named
- <code>@media</code> rules</a>
+ <li><a href="#at-media-rule"><span class=secno>2.3. </span> Named
+ <code>@media</code> rules</a>
+ </ul>
- <li><a href="#cascading"><span class=secno>5 </span>Cascading</a>
+ <li><a href="#cascade"><span class=secno>3. </span> Cascading and
+ Inheritance</a>
+ <ul class=toc>
+ <li><a href="#cascading"><span class=secno>3.1. </span> Cascading</a>
- <li><a href="#inheritance"><span class=secno>6 </span>Inheritance</a>
+ <li><a href="#inheritance"><span class=secno>3.2. </span>
+ Inheritance</a>
- <li><a href="#initial-value"><span class=secno>7 </span>Initial value</a>
+ <li><a href="#initial"><span class=secno>3.3. </span> Initial value</a>
- <li><a href="#computing-weight"><span class=secno>8 </span>Computing
- weight</a>
+ <li><a href="#computing-weight"><span class=secno>3.4. </span> Computing
+ weight</a>
+ </ul>
- <li><a href="#conformance"><span class=secno>9 </span>Conformance</a>
+ <li><a href="#conformance"><span class=secno>4. </span>Conformance</a>
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -164,7 +173,7 @@
<hr>
- <h2 id=introduction><span class=secno>1 </span>Introduction</h2>
+ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
<p>One of the fundamental design principles of CSS is <em>cascading</em>,
which allows several style sheets to influence the presentation of a
@@ -173,84 +182,17 @@
<p>The opposite problem arises when no declarations try to set a the value
for an element/property combination. In this case, a value must be found
- by way of <em><a href="#inherited">inheritance</a></em> or by looking at
- the property's <em><a href="#initial-value0">initial value</a></em>.
+ by way of <a href="#inherited"><em>inheritance</em></a> or by looking at
+ the property's <a href="#initial-value"><em>initial value</em></a>.
<p>The rules for finding a the specified value for all properties on all
elements is described in this specification. The rules for finding the
specified values in the page context and the margin boxes are described in
<a href="#CSS3PAGE" rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>.
- <h2 id=input-to-and-output-from-this-module><span class=secno>2
- </span>Input to and output from this module</h2>
-
- <p>The input to the computations described in this module is:
-
- <ul>
- <li>a set of parsed style sheets
-
- <li>the initial value of each property
-
- <li>the title of the preferred style sheet (if any)
- </ul>
-
- <p>The output of the computations described in this module is a specified
- value for all properties on all elements.
-
- <p>In order to find the specified values, implementations must first
- identify which statements that apply to the document. This is done by:
-
- <ol>
- <li>Starting out with all author style sheets specified in the document,
- as well all user and UA style sheets.
-
- <li>Removing statements that have associated Media Queries <a
- href="#MEDIAQ" rel=biblioentry>[MEDIAQ]<!--{{!MEDIAQ}}--></a> that are
- false in the given context.
-
- <li>Removing @import statements that do not match the title of the
- preferred style sheet, if any. This is described in <a
- href="#import">Importing style sheets</a> below.
-
- <li>Removing @media statements that do not match the title of the
- preferred style sheet, if any. This is described in <a
- href="#import">Named @media rules</a> below.
-
- <li>Expanding all remaining @import rules.
- </ol>
-
- <p>Then, for every element, the value for each property can be found by
- following this pseudo-algorithm:
-
- <ol>
- <li>Identify all declarations that apply to the element (as described in
- <a href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>)
-
- <li>If the cascading process (described below) yields a winning
- declaration and the value of the winning declaration is not ‘<code
- class=css>initial</code>’ or ‘<code
- class=css>inherit</code>’, the value of the winning declaration
- becomes the specified value.
-
- <li>Otherwise, if the value of the winning declaration is ‘<code
- class=css>inherit</code>’, the inherited value (see below) becomes
- the specified value.
-
- <li>Otherwise, if the value of the winning declaration is ‘<code
- class=css>initial</code>’, the initial value (see below) becomes
- the specified value.
-
- <li>Otherwise, if the property is inherited, the inherited value becomes
- the specified value.
-
- <li>Otherwise, the initial value becomes the specified value.
- </ol>
-
- <p>The specified value may need some computation before it can be used.
- This is described in the <a href="/TR/css3-values">Values and Units</a> <a
- href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a> module.
+ <h2 id=combine><span class=secno>2. </span>Combining Style Sheets</h2>
- <h2 id=at-import><span class=secno>3 </span>Importing style sheets</h2>
+ <h3 id=at-import><span class=secno>2.1. </span>Importing style sheets</h3>
<p>The <dfn id=import>‘<code class=css>@import</code>’</dfn>
rule allows users to import style rules from other style sheets. Any
@@ -274,9 +216,10 @@
<p>So that user agents can avoid retrieving resources for unsupported media
types, authors may specify media-dependent @import rules. These <dfn
- id=conditional-imports title="conditional import|media-dependent
- import">conditional imports</dfn> specify comma-separated “media
- queries” after the URI.
+ id=conditional-imports
+ title="conditional import|media-dependent import">conditional
+ imports</dfn> specify comma-separated “media queries” after
+ the URI.
<div class=example>
<p>The following rules illustrate how ‘<code
@@ -297,6 +240,8 @@
Specifying ‘<code class=property>all</code>’ for the medium
has the same effect.
+ <h3 id=altss><span class=secno>2.2. </span> Alternate Style Sheets</h3>
+
<p>At the end of the ‘<code class=css>@import</code>’ rule
(after any media queries), there may be a string that assigns a name to
the import.
@@ -383,13 +328,13 @@
class=xml>title</code> pseudo-attributes on <code
class=xml><?xml-stylesheet?></code> instructions),
- <li>the names of ‘<code class=css><a
- href="#media">@media</a></code>’ and ‘<code
+ <li>the names of ‘<a href="#media"><code
+ class=css>@media</code></a>’ and ‘<code
class=css>@import</code>’ rules that occur in linked style sheets
that don't have a name on the link, and
- <li>the names of ‘<code class=css><a
- href="#media">@media</a></code>’ and ‘<code
+ <li>the names of ‘<a href="#media"><code
+ class=css>@media</code></a>’ and ‘<code
class=css>@import</code>’ rules that occur in style sheets linked
from ‘<code class=css>@import</code>’ rules that have no
name, recursively.
@@ -404,8 +349,8 @@
id=preferred-style-sheet>preferred style sheet</dfn> for the named style
sheets that the author marked as the default. In CSS, these are all style
sheets whose name is the first name to occur on any ‘<code
- class=css>@import</code>’ or ‘<code class=css><a
- href="#media">@media</a></code>’. <dfn
+ class=css>@import</code>’ or ‘<a href="#media"><code
+ class=css>@media</code></a>’. <dfn
id=alternate-style-sheets>Alternate style sheets</dfn> are all other named
style sheets. Finally, HTML calls style sheets without a name <dfn
id=persistent-style-sheets>persistent style sheets</dfn>, because they are
@@ -431,12 +376,12 @@
must ignore any medium specified for the same style sheet in a link from a
document?]
- <h2 id=at-media-rule><span class=secno>4 </span>Named <code><a
- href="#media">@media</a></code> rules</h2>
+ <h3 id=at-media-rule><span class=secno>2.3. </span> Named <a
+ href="#media"><code>@media</code></a> rules</h3>
<p>An <dfn id=media>@media</dfn> rule specifies the target media types
(separated by commas) of a set of rules (delimited by curly braces). The
- ‘<code class=css><a href="#media">@media</a></code>’ construct
+ ‘<a href="#media"><code class=css>@media</code></a>’ construct
allows style sheet rules for various media in the same style sheet:
<div class=example>
@@ -455,14 +400,14 @@
</pre>
</div>
- <p>The full syntax of the expressions after ‘<code class=css><a
- href="#media">@media</a></code>’ is defined by the Media Queries
+ <p>The full syntax of the expressions after ‘<a href="#media"><code
+ class=css>@media</code></a>’ is defined by the Media Queries
specification <a href="#MEDIAQ"
rel=biblioentry>[MEDIAQ]<!--{{!MEDIAQ}}--></a>.
<p>After the media queries, before the "{", there may be a string that
- assigns a name to the ‘<code class=css><a
- href="#media">@media</a></code>’ rule.
+ assigns a name to the ‘<a href="#media"><code
+ class=css>@media</code></a>’ rule.
<div class=example>
<pre>
@@ -477,36 +422,36 @@
</pre>
</div>
- <p>All ‘<code class=css><a href="#media">@media</a></code>’
+ <p>All ‘<a href="#media"><code class=css>@media</code></a>’
rules with a name, together with any ‘<code
class=css>@import</code>’ rules with the same name, present
- alternative style sheets. The UA must read the rules inside some
- ‘<code class=css><a href="#media">@media</a></code>’ rules and
- skip others, as follows:
+ alternative style sheets. The UA must read the rules inside some ‘<a
+ href="#media"><code class=css>@media</code></a>’ rules and skip
+ others, as follows:
<ul>
<li>
<p>If the user has not chosen a style by name, the UA must read all
- ‘<code class=css><a href="#media">@media</a></code>’ rules
+ ‘<a href="#media"><code class=css>@media</code></a>’ rules
of which (1) the media query matches the UA and (2) that either have no
name or whose name is equal to that of the first named ‘<code
- class=css>@import</code>’ or the first named ‘<code
- class=css><a href="#media">@media</a></code>’, whichever comes
+ class=css>@import</code>’ or the first named ‘<a
+ href="#media"><code class=css>@media</code></a>’, whichever comes
first.
<li>
- <p>If the user has chosen a style by name, the UA must read all
- ‘<code class=css><a href="#media">@media</a></code>’ rules
- (1) of which the media query matches the UA and (2) that either have no
- name or whose name is equal to the user's chosen name.
+ <p>If the user has chosen a style by name, the UA must read all ‘<a
+ href="#media"><code class=css>@media</code></a>’ rules (1) of
+ which the media query matches the UA and (2) that either have no name or
+ whose name is equal to the user's chosen name.
</ul>
<div class=example>
<p>If the user wants the UA to use the default style, the following
example results in the UA reading the “Reverse video” style,
- the unnamed ‘<code class=css><a
- href="#media">@media</a></code>’ rule and all rules that are not in
- any ‘<code class=css><a href="#media">@media</a></code>’ (all
+ the unnamed ‘<a href="#media"><code
+ class=css>@media</code></a>’ rule and all rules that are not in any
+ ‘<a href="#media"><code class=css>@media</code></a>’ (all
shown in <code><b>bold</b></code>). We assume the UA uses the
‘<code class=css>screen</code>’ media.
@@ -529,11 +474,11 @@
<div class=example>
<p>If the user wants the UA to use the “Rainbow style” style,
the following example results in the UA reading the “Rainbow
- style” ‘<code class=css><a
- href="#media">@media</a></code>’ rule, the unnamed ‘<code
- class=css><a href="#media">@media</a></code>’ rule and all rules
- that are not in any ‘<code class=css><a
- href="#media">@media</a></code>’ (all shown in
+ style” ‘<a href="#media"><code
+ class=css>@media</code></a>’ rule, the unnamed ‘<a
+ href="#media"><code class=css>@media</code></a>’ rule and all rules
+ that are not in any ‘<a href="#media"><code
+ class=css>@media</code></a>’ (all shown in
<code><b>bold</b></code>). We assume the UA uses the ‘<code
class=css>screen</code>’ media.
@@ -555,7 +500,75 @@
</pre>
</div>
- <h2 id=cascading><span class=secno>5 </span>Cascading</h2>
+ <h2 id=cascade><span class=secno>3. </span> Cascading and Inheritance</h2>
+
+ <p>The input to the computations described in this module is:
+
+ <ul>
+ <li>a set of parsed style sheets
+
+ <li>the initial value of each property
+
+ <li>the title of the preferred style sheet (if any)
+ </ul>
+
+ <p>The output of the computations described in this module is a specified
+ value for all properties on all elements.
+
+ <p>In order to find the specified values, implementations must first
+ identify which statements that apply to the document. This is done by:
+
+ <ol>
+ <li>Starting out with all author style sheets specified in the document,
+ as well all user and UA style sheets.
+
+ <li>Removing statements that have associated Media Queries <a
+ href="#MEDIAQ" rel=biblioentry>[MEDIAQ]<!--{{!MEDIAQ}}--></a> that are
+ false in the given context.
+
+ <li>Removing @import statements that do not match the title of the
+ preferred style sheet, if any. This is described in <a
+ href="#import">Importing style sheets</a> below.
+
+ <li>Removing @media statements that do not match the title of the
+ preferred style sheet, if any. This is described in <a
+ href="#import">Named @media rules</a> below.
+
+ <li>Expanding all remaining @import rules.
+ </ol>
+
+ <p>Then, for every element, the value for each property can be found by
+ following this pseudo-algorithm:
+
+ <ol>
+ <li>Identify all declarations that apply to the element (as described in
+ <a href="#SELECT" rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>)
+
+ <li>If the cascading process (described below) yields a winning
+ declaration and the value of the winning declaration is not ‘<code
+ class=css>initial</code>’ or ‘<code
+ class=css>inherit</code>’, the value of the winning declaration
+ becomes the specified value.
+
+ <li>Otherwise, if the value of the winning declaration is ‘<code
+ class=css>inherit</code>’, the inherited value (see below) becomes
+ the specified value.
+
+ <li>Otherwise, if the value of the winning declaration is ‘<code
+ class=css>initial</code>’, the initial value (see below) becomes
+ the specified value.
+
+ <li>Otherwise, if the property is inherited, the inherited value becomes
+ the specified value.
+
+ <li>Otherwise, the initial value becomes the specified value.
+ </ol>
+
+ <p>The specified value may need some computation before it can be used.
+ This is described in the <a href="/TR/css3-values">Values and Units</a> <a
+ href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a> module.
+
+ <h3 id=cascading><span class=secno>3.1. </span> Cascading</h3>
<p>The purpose of cascading is to find one <dfn
id=winning-declaration>winning declaration</dfn> among the set of
@@ -583,7 +596,7 @@
<p>The sorting process continues until one winning declaration is found.
- <h2 id=inheritance><span class=secno>6 </span>Inheritance</h2>
+ <h3 id=inheritance><span class=secno>3.2. </span> Inheritance</h3>
<p>Inheritance is a way of propagating property values from parent elements
to their children. Inheritance means that the specified value of a given
@@ -613,15 +626,19 @@
class=css>inherit</code>’ value is set on the root element, the
property is assigned its initial value.
- <h2 id=initial-value><span class=secno>7 </span>Initial value</h2>
+ <h3 id=initial><span class=secno>3.3. </span> Initial value</h3>
- <p>Each property has an <dfn id=initial-value0>initial value</dfn> which
+ <p>Each property has an <dfn id=initial-value>initial value</dfn> which
becomes the specified value when cascading and inheritance does not yield
- a value. Also, the initial value can be explicitly specified with the
+ a value. Note, the initial value can be explicitly specified with the
‘<code class=css>initial</code>’ keyword which all properties
- accept.
+ accept. [[CSS3VALUE]] <!--
+David's proposal for ''default'' value:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2002OctDec/0191.html
+-->
+
- <h2 id=computing-weight><span class=secno>8 </span>Computing weight</h2>
+ <h3 id=computing-weight><span class=secno>3.4. </span> Computing weight</h3>
<p>In order to sort declarations in the cascading process, the weight of a
declaration must be known. In CSS3, the weight of a declaration is based
@@ -690,13 +707,13 @@
<p class=note>Note that non-CSS presentational hints had a higher weight in
CSS2.
- <h2 id=conformance><span class=secno>9 </span>Conformance</h2>
+ <h2 id=conformance><span class=secno>4. </span>Conformance</h2>
<p>[TBD]
<h2 class=no-num id=acknowledgments>Acknowledgments</h2>
- <p>David Baron contributed to thie specification.
+ <p>David Baron contributed to this specification.
<h2 class=no-num id=references>References</h2>
@@ -720,30 +737,30 @@
<dt id=CSS3VAL>[CSS3VAL]
- <dd>Håkon Wium Lie; Chris Lilley. <a
- href="http://www.w3.org/TR/2006/WD-css3-values-20060919"><cite>CSS3
- Values and Units.</cite></a> 19 September 2006. W3C Working Draft. (Work
- in progress.) URL: <a
- href="http://www.w3.org/TR/2006/WD-css3-values-20060919">http://www.w3.org/TR/2006/WD-css3-values-20060919</a>
+ <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/"><cite>CSS
+ Values and Units Module Level 3.</cite></a> 6 September 2011. W3C Working
+ Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">http://www.w3.org/TR/2011/WD-css3-values-20110906/</a>
</dd>
<!---->
<dt id=MEDIAQ>[MEDIAQ]
- <dd>Håkon Wium Lie; Tantek Çelik; Daniel Glazman. <a
- href="http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606"><cite>Media
- Queries.</cite></a> 6 June 2007. W3C Candidate Recommendation. (Work in
+ <dd>Håkon Wium Lie; et al. <a
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/"><cite>Media
+ Queries.</cite></a> 27 July 2010. W3C Candidate Recommendation. (Work in
progress.) URL: <a
- href="http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606">http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606</a>
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/</a>
</dd>
<!---->
<dt id=SELECT>[SELECT]
- <dd>Daniel Glazman; Tantek Çelik; Ian Hickson. <a
- href="http://www.w3.org/TR/2005/WD-css3-selectors-20051215"><cite>Selectors.</cite></a>
- 15 December 2005. W3C Working Draft. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2005/WD-css3-selectors-20051215">http://www.w3.org/TR/2005/WD-css3-selectors-20051215</a>
+ <dd>Tantek Çelik; et al. <a
+ href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/"><cite>Selectors
+ Level 3.</cite></a> 29 September 2011. W3C Recommendation. URL: <a
+ href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">http://www.w3.org/TR/2011/REC-css3-selectors-20110929/</a>
</dd>
<!---->
</dl>
@@ -760,10 +777,10 @@
<dt id=CSS21>[CSS21]
<dd>Bert Bos; et al. <a
- href="http://www.w3.org/TR/2007/CR-CSS21-20070719"><cite>Cascading Style
- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 19 July
- 2007. W3C Candidate Recommendation. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2007/CR-CSS21-20070719">http://www.w3.org/TR/2007/CR-CSS21-20070719</a>
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
+ Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
+ 2011. W3C Recommendation. URL: <a
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
</dd>
<!---->
@@ -793,36 +810,36 @@
<ul class=indexlist>
<li>Alternate style sheets, <a href="#alternate-style-sheets"
- title="Alternate style sheets"><strong>3</strong></a>
+ title="Alternate style sheets"><strong>2.2.</strong></a>
<li>alternative style sheets, <a href="#alternative-style-sheets"
- title="alternative style sheets"><strong>3</strong></a>
+ title="alternative style sheets"><strong>2.2.</strong></a>
- <li>conditional import, <a href="#conditional-imports" title="conditional
- import"><strong>3</strong></a>
+ <li>conditional import, <a href="#conditional-imports"
+ title="conditional import"><strong>2.1.</strong></a>
<li>‘<code class=css>@import</code>’, <a href="#import"
- title="'@import'"><strong>3</strong></a>
+ title="'@import'"><strong>2.1.</strong></a>
<li>inheritance, <a href="#inherited"
- title=inheritance><strong>6</strong></a>
+ title=inheritance><strong>3.2.</strong></a>
- <li>initial value, <a href="#initial-value0" title="initial
- value"><strong>7</strong></a>
+ <li>initial value, <a href="#initial-value"
+ title="initial value"><strong>3.3.</strong></a>
- <li>@media, <a href="#media" title="@media"><strong>4</strong></a>
+ <li>@media, <a href="#media" title="@media"><strong>2.3.</strong></a>
<li>media-dependent import, <a href="#conditional-imports"
- title="media-dependent import"><strong>3</strong></a>
+ title="media-dependent import"><strong>2.1.</strong></a>
<li>persistent style sheets, <a href="#persistent-style-sheets"
- title="persistent style sheets"><strong>3</strong></a>
+ title="persistent style sheets"><strong>2.2.</strong></a>
<li>preferred style sheet, <a href="#preferred-style-sheet"
- title="preferred style sheet"><strong>3</strong></a>
+ title="preferred style sheet"><strong>2.2.</strong></a>
- <li>winning declaration, <a href="#winning-declaration" title="winning
- declaration"><strong>5</strong></a>
+ <li>winning declaration, <a href="#winning-declaration"
+ title="winning declaration"><strong>3.1.</strong></a>
</ul>
<!--end-index-->
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-cascade/Overview.src.html,v
retrieving revision 1.17
retrieving revision 1.18
diff -u -d -r1.17 -r1.18
--- Overview.src.html 19 Jan 2009 18:44:58 -0000 1.17
+++ Overview.src.html 31 Oct 2011 19:09:48 -0000 1.18
@@ -1,9 +1,9 @@
-<!doctype html public '-//W3C//DTD HTML 4.01//EN'
+<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'
'http://www.w3.org/TR/html4/strict.dtd'>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html">
-<title>CSS3 module: Cascading and inheritance</title>
+<title>CSS Cascading and Inheritance Level 3</title>
<link href="../default.css" rel="stylesheet" type="text/css">
<link href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS].css" rel=stylesheet type="text/css">
@@ -21,7 +21,7 @@
<!--logo-->
-<h1>CSS3 module: Cascading and inheritance</h1>
+<h1>CSS Cascading and Inheritance Level 3</h1>
<h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
@@ -115,79 +115,9 @@
the specified values in the page context and the margin boxes are
described in [[CSS3PAGE]].
+<h2 id="combine">Combining Style Sheets</h2>
-<h2>Input to and output from this module</h2>
-
-<p>The input to the computations described in this module is:
-
-<ul>
-
-<li>a set of parsed style sheets
-
-<li>the initial value of each property
-
-<li>the title of the preferred style sheet (if any)
-
-</ul>
-
-<p>The output of the computations described in this module is a
-specified value for all properties on all elements.
-
-<p>In order to find the specified values, implementations must first
-identify which statements that apply to the document. This is done by:
-
-<ol>
-
-<li>Starting out with all author style sheets specified in the
-document, as well all user and UA style sheets.
-
-<li>Removing statements that have associated Media Queries [[!MEDIAQ]]
-that are false in the given context.
-
-<li>Removing @import statements that do not match the title of the
-preferred style sheet, if any. This is described
-in <a href="#import">Importing style sheets</a> below.
-
-<li>Removing @media statements that do not match the title of the
-preferred style sheet, if any. This is described
-in <a href="#import">Named @media rules</a> below.
-
-<li>Expanding all remaining @import rules.
-
-</ol>
-
-<p>Then, for every element, the value for
-each property can be found by following this pseudo-algorithm:
-
-<ol>
-
-<li>Identify all declarations that apply to the element (as described in [[!SELECT]])
-
-<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
-specified value.
-
-<li>Otherwise, if the value of the winning declaration is ''inherit'',
-the inherited value (see below) becomes the specified value.
-
-<li>Otherwise, if the value of the winning declaration is ''initial'',
-the initial value (see below) becomes the specified value.
-
-<li>Otherwise, if the property is inherited, the inherited value
-becomes the specified value.
-
-<li>Otherwise, the initial value becomes the specified value.
-
-</ol>
-
-<p>The specified value may need some computation before it can be
-used. This is described in the <a href="/TR/css3-values">Values and
-Units</a> [[!CSS3VAL]] module.
-
-
-
-<h2 id="at-import">Importing style sheets</h2>
+<h3 id="at-import">Importing style sheets</h3>
<p>The <dfn>'@import'</dfn> rule allows users to
import style rules from other style sheets. Any '@import' rules must
@@ -229,6 +159,9 @@
<p>In the absence of any media queries, the import is
unconditional. Specifying 'all' for the medium has the same effect.
+<h3 id="altss">
+Alternate Style Sheets</h3>
+
<p>At the end of the '@import' rule (after any media queries), there
may be a string that assigns a name to the import.
@@ -359,7 +292,8 @@
-<h2 id="at-media-rule">Named <code>@media</code> rules</h2>
+<h3 id="at-media-rule">
+Named <code>@media</code> rules</h3>
<p>An <dfn>@media</dfn> rule specifies the target media types
(separated by commas) of a set of rules (delimited by curly braces).
@@ -470,7 +404,78 @@
</pre>
</div>
-<h2>Cascading</h2>
+<h2 id="cascade">
+Cascading and Inheritance</h2>
+
+<p>The input to the computations described in this module is:
+
+<ul>
+
+<li>a set of parsed style sheets
+
+<li>the initial value of each property
+
+<li>the title of the preferred style sheet (if any)
+
+</ul>
+
+<p>The output of the computations described in this module is a
+specified value for all properties on all elements.
+
+<p>In order to find the specified values, implementations must first
+identify which statements that apply to the document. This is done by:
+
+<ol>
+
+<li>Starting out with all author style sheets specified in the
+document, as well all user and UA style sheets.
+
+<li>Removing statements that have associated Media Queries [[!MEDIAQ]]
+that are false in the given context.
+
+<li>Removing @import statements that do not match the title of the
+preferred style sheet, if any. This is described
+in <a href="#import">Importing style sheets</a> below.
+
+<li>Removing @media statements that do not match the title of the
+preferred style sheet, if any. This is described
+in <a href="#import">Named @media rules</a> below.
+
+<li>Expanding all remaining @import rules.
+
+</ol>
+
+<p>Then, for every element, the value for
+each property can be found by following this pseudo-algorithm:
+
+<ol>
+
+<li>Identify all declarations that apply to the element (as described in [[!SELECT]])
+
+<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
+specified value.
+
+<li>Otherwise, if the value of the winning declaration is ''inherit'',
+the inherited value (see below) becomes the specified value.
+
+<li>Otherwise, if the value of the winning declaration is ''initial'',
+the initial value (see below) becomes the specified value.
+
+<li>Otherwise, if the property is inherited, the inherited value
+becomes the specified value.
+
+<li>Otherwise, the initial value becomes the specified value.
+
+</ol>
+
+<p>The specified value may need some computation before it can be
+used. This is described in the <a href="/TR/css3-values">Values and
+Units</a> [[!CSS3VAL]] module.
+
+<h3 id="cascading">
+Cascading</h3>
<p>The purpose of cascading is to find one <dfn>winning
declaration</dfn> among the set of declarations that apply for a given
@@ -496,7 +501,8 @@
<p>The sorting process continues until one winning declaration is found.
-<h2>Inheritance</h2>
+<h3 id="inheritance">
+Inheritance</h3>
<p>Inheritance is a way of propagating property values from parent
elements to their children. Inheritance means that the specified value
@@ -525,15 +531,21 @@
property is assigned its initial value.
-<h2>Initial value</h2>
+<h3 id="initial">
+Initial value</h3>
<p>Each property has an <dfn>initial value</dfn> which becomes the
specified value when cascading and inheritance does not yield a value.
-Also, the initial value can be explicitly specified with the ''initial''
-keyword which all properties accept.
+Note, the initial value can be explicitly specified with the ''initial''
+keyword which all properties accept. [[CSS3VALUE]]
+<!--
+David's proposal for ''default'' value:
+ http://lists.w3.org/Archives/Member/w3c-css-wg/2002OctDec/0191.html
+-->
-<h2 id="computing-weight">Computing weight</h2>
+<h3 id="computing-weight">
+Computing weight</h3>
<p>In order to sort declarations in the cascading process, the weight
of a declaration must be known. In CSS3, the weight of a declaration
@@ -602,7 +614,7 @@
<h2 class="no-num" id="acknowledgments">Acknowledgments</h2>
-<p>David Baron contributed to thie specification.
+<p>David Baron contributed to this specification.
<h2 class=no-num id=references>References</h2>
Received on Monday, 31 October 2011 19:09:59 UTC