[css3-cascade] Fix up handling of style attributes to match CSS1/CSS2 in the context of previous change.

Author: fantasai

css3-cascade/Overview.html

@@ -521,33 +521,40 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
     element</dfn> and that element's descendants. For example, <a
     href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a> defines scoped
     <code>&lt;style&gt;</code> elements, whose style sheets are scoped to the
-    element's parent. If a declaration is <a
-    href="#scoped"><i>scoped</i></a>, which element it is scoped to affects
-    the cascade. For the purpose of this step, declarations from style
-    attributes <a href="#CSSSTYLEATTR"
-    rel=biblioentry>[CSSSTYLEATTR]<!--{{!CSSSTYLEATTR}}--></a> are considered
-    to be <a href="#scoped"><i>scoped</i></a> to the element with the
-    attribute, and all unscoped declarations are considered to be <a
-    href="#scoped"><i>scoped</i></a> to the root element.
+    element's parent.
     <p> If the <a href="#scoping-element"><i>scoping elements</i></a> of two
      declarations have an ancestor/descendant relationship, then for normal
      rules the declaration whose <a href="#scoping-element"><i>scoping
      element</i></a> is the descendant wins, and for important rules the
      declaration whose <a href="#scoping-element"><i>scoping element</i></a>
-     is the ancestor wins. If one declaration is from a style attribute on an
-     element and the other is from a ruleset otherwise <a
-     href="#scoped"><i>scoped</i></a> to that element, the declaration in the
-     style attribute wins.
+     is the ancestor wins.
+
+    <p> For the purpose of this step, all unscoped declarations are
+     considered to be <a href="#scoped"><i>scoped</i></a> to the root
+     element. Normal declarations from style attributes are considered to be
+     <a href="#scoped"><i>scoped</i></a> to the element with the attribute,
+     whereas important declarations from style attributes are considered to
+     be <a href="#scoped"><i>scoped</i></a> to the root element. <a
+     href="#CSSSTYLEATTR"
+     rel=biblioentry>[CSSSTYLEATTR]<!--{{!CSSSTYLEATTR}}--></a>
+
+    <p class=note> This odd handling of <code>!important</code> style
+     attribute declarations is to match the behavior defined in CSS Levels 1
+     and 2, where style attributes simply have higher specificity than any
+     other author rules. <a href="#CSS21"
+     rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>
 
    <dt id=cascade-step-specificity>Specificity
 
    <dd> The <a href="http://www.w3.org/TR/selectors/#specificity">Selectors
     module</a> <a href="#SELECT"
     rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a> describes how to compute
     the specificity of a selector. For the purpose of this step, a ruleset
-    without a selector (such as the contents of a style attribute) is
-    considered to have a selector with specificity 0. The declaration
-    belonging to a ruleset whose selector has the highest specificity wins.
+    without a selector (such as the <a
+    href="http://www.w3.org/TR/css-style-attr/#interpret">contents of a style
+    attribute</a>) is considered to have a specificity higher than any
+    selector. The declaration belonging to a ruleset whose selector has the
+    highest specificity wins.
 
    <dt id=cascade-step-order>Order of appearance.
 
@@ -1160,6 +1167,16 @@ <h3 class=no-num id=other-references>Other references</h3>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
 
+   <dt id=CSS21>[CSS21]
+
+   <dd>Bert Bos; et al. <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>
+   <!---->
+
    <dt id=CSS3PAGE>[CSS3PAGE]
 
    <dd>Håkon Wium Lie; Melinda Grant. <a

css3-cascade/Overview.src.html

@@ -330,29 +330,33 @@ <h3 id='cascade'>
 			so that it only affects its <dfn>scoping element</dfn> and that element's descendants.
 			For example, [[HTML5]] defines scoped <code>&lt;style&gt;</code> elements,
 			whose style sheets are scoped to the element's parent.
-			If a declaration is <i>scoped</i>,
-			which element it is scoped to affects the cascade.
-			For the purpose of this step,
-			declarations from style attributes [[!CSSSTYLEATTR]]
-			are considered to be <i>scoped</i> to the element with the attribute,
-			and all unscoped declarations are considered to be <i>scoped</i> to the root element.
 
 			<p>
 				If the <i>scoping elements</i> of two declarations
 				have an ancestor/descendant relationship,
 				then for normal rules the declaration whose <i>scoping element</i> is the descendant wins,
 				and for important rules the declaration whose <i>scoping element</i> is the ancestor wins.
-				If one declaration is from a style attribute on an element
-				and the other is from a ruleset otherwise <i>scoped</i> to that element,
-				the declaration in the style attribute wins.
+
+			<p>
+				For the purpose of this step,
+				all unscoped declarations are considered to be <i>scoped</i> to the root element.
+				Normal declarations from style attributes
+				are considered to be <i>scoped</i> to the element with the attribute,
+				whereas important declarations from style attributes
+				are considered to be <i>scoped</i> to the root element.
+				[[!CSSSTYLEATTR]]
+			<p class="note">
+				This odd handling of <code>!important</code> style attribute declarations
+				is to match the behavior defined in CSS Levels 1 and 2,
+				where style attributes simply have higher specificity than any other author rules. [[CSS21]]
 
 		<dt id='cascade-step-specificity'>Specificity
 		<dd>
 			The <a href="http://www.w3.org/TR/selectors/#specificity">Selectors module</a> [[!SELECT]] describes how to compute the specificity of a selector.
 			For the purpose of this step, 
 			a ruleset without a selector
-			(such as the contents of a style attribute)
-			is considered to have a selector with specificity 0.
+			(such as the <a href="http://www.w3.org/TR/css-style-attr/#interpret">contents of a style attribute</a>)
+			is considered to have a specificity higher than any selector.
 			The declaration belonging to a ruleset whose selector has the highest specificity wins.