[html5] r6935 - [giow] (1) Define <style scoped> and @global. Affected topics: HTML

[whatwg at whatwg.org]

Author: ianh
Date: 2012-01-30 15:04:34 -0800 (Mon, 30 Jan 2012)
New Revision: 6935

Modified:
   complete.html
   index
   source
Log:
[giow] (1) Define <style scoped> and @global.
Affected topics: HTML

Modified: complete.html
===================================================================
--- complete.html	2012-01-30 20:48:25 UTC (rev 6934)
+++ complete.html	2012-01-30 23:04:34 UTC (rev 6935)
@@ -15668,10 +15668,37 @@
   (if any), and that element's descendants. Otherwise, the specified
   styles must, if applied, be applied to the entire document.</p>
 
-  <p>For scoped CSS resources, the effect of @-rules must be scoped to
-  the scoped sheet and its subresources, even if the @-rule in
-  question would ordinarily apply to all style sheets that affect the
-  <code><a href=#document>Document</a></code>. Any '@page' rules in scoped CSS resources
+  <p class=critical>The following will eventually be moved to a CSS
+  specification; it is specified here only on an interim basis until
+  an editor can be found to own this.</p>
+
+  <p>Within scoped CSS resources, authors may use an <code title="">@global</code> @-rule. The syntax of this rule is defined
+  as follows.</p>
+
+  <p>The following production is added to the grammar:</p>
+
+  <pre>global
+  : GLOBAL_SYM S* ruleset
+  ;</pre>
+
+  <p>The following rules are added to the Flex tokenizer:</p>
+
+  <pre>B                     b|\\0{0,4}(42|62)(\r\n|[ \t\r\n\f])?
+@{G}{L}{O}{B}{A}{L}   {return GLOBAL_SYM;}</pre>
+
+  <p>Simple selectors in rule sets prefixed by the <code title="">@global</code> @-rule in scoped CSS resources must be
+  processed in the same way as normal rule sets in non-scoped CSS
+  resources.</p>
+
+  <p>Simple selectors in scoped CSS resources that are not prefixed by
+  an <code title="">@global</code> @-rule must only match the
+  <code><a href=#the-style-element>style</a></code> element's parent element (if any), and that
+  element's descendants.</p>
+
+  <p>For scoped CSS resources, the effect of other @-rules must be
+  scoped to the scoped sheet and its subresources, even if the @-rule
+  in question would ordinarily apply to all style sheets that affect
+  the <code><a href=#document>Document</a></code>. Any '@page' rules in scoped CSS resources
   must be ignored.</p>
 
   <p class=example>For example, an '@font-face' rule defined in a

Modified: index
===================================================================
--- index	2012-01-30 20:48:25 UTC (rev 6934)
+++ index	2012-01-30 23:04:34 UTC (rev 6935)
@@ -15668,10 +15668,37 @@
   (if any), and that element's descendants. Otherwise, the specified
   styles must, if applied, be applied to the entire document.</p>
 
-  <p>For scoped CSS resources, the effect of @-rules must be scoped to
-  the scoped sheet and its subresources, even if the @-rule in
-  question would ordinarily apply to all style sheets that affect the
-  <code><a href=#document>Document</a></code>. Any '@page' rules in scoped CSS resources
+  <p class=critical>The following will eventually be moved to a CSS
+  specification; it is specified here only on an interim basis until
+  an editor can be found to own this.</p>
+
+  <p>Within scoped CSS resources, authors may use an <code title="">@global</code> @-rule. The syntax of this rule is defined
+  as follows.</p>
+
+  <p>The following production is added to the grammar:</p>
+
+  <pre>global
+  : GLOBAL_SYM S* ruleset
+  ;</pre>
+
+  <p>The following rules are added to the Flex tokenizer:</p>
+
+  <pre>B                     b|\\0{0,4}(42|62)(\r\n|[ \t\r\n\f])?
+@{G}{L}{O}{B}{A}{L}   {return GLOBAL_SYM;}</pre>
+
+  <p>Simple selectors in rule sets prefixed by the <code title="">@global</code> @-rule in scoped CSS resources must be
+  processed in the same way as normal rule sets in non-scoped CSS
+  resources.</p>
+
+  <p>Simple selectors in scoped CSS resources that are not prefixed by
+  an <code title="">@global</code> @-rule must only match the
+  <code><a href=#the-style-element>style</a></code> element's parent element (if any), and that
+  element's descendants.</p>
+
+  <p>For scoped CSS resources, the effect of other @-rules must be
+  scoped to the scoped sheet and its subresources, even if the @-rule
+  in question would ordinarily apply to all style sheets that affect
+  the <code><a href=#document>Document</a></code>. Any '@page' rules in scoped CSS resources
   must be ignored.</p>
 
   <p class=example>For example, an '@font-face' rule defined in a

Modified: source
===================================================================
--- source	2012-01-30 20:48:25 UTC (rev 6934)
+++ source	2012-01-30 23:04:34 UTC (rev 6935)
@@ -16717,10 +16717,39 @@
   (if any), and that element's descendants. Otherwise, the specified
   styles must, if applied, be applied to the entire document.</p>
 
-  <p>For scoped CSS resources, the effect of @-rules must be scoped to
-  the scoped sheet and its subresources, even if the @-rule in
-  question would ordinarily apply to all style sheets that affect the
-  <code>Document</code>. Any '@page' rules in scoped CSS resources
+  <p class="critical">The following will eventually be moved to a CSS
+  specification; it is specified here only on an interim basis until
+  an editor can be found to own this.</p>
+
+  <p>Within scoped CSS resources, authors may use an <code
+  title="">@global</code> @-rule. The syntax of this rule is defined
+  as follows.</p>
+
+  <p>The following production is added to the grammar:</p>
+
+  <pre>global
+  : GLOBAL_SYM S* ruleset
+  ;</pre>
+
+  <p>The following rules are added to the Flex tokenizer:</p>
+
+  <pre>B                     b|\\0{0,4}(42|62)(\r\n|[ \t\r\n\f])?
+@{G}{L}{O}{B}{A}{L}   {return GLOBAL_SYM;}</pre>
+
+  <p>Simple selectors in rule sets prefixed by the <code
+  title="">@global</code> @-rule in scoped CSS resources must be
+  processed in the same way as normal rule sets in non-scoped CSS
+  resources.</p>
+
+  <p>Simple selectors in scoped CSS resources that are not prefixed by
+  an <code title="">@global</code> @-rule must only match the
+  <code>style</code> element's parent element (if any), and that
+  element's descendants.</p>
+
+  <p>For scoped CSS resources, the effect of other @-rules must be
+  scoped to the scoped sheet and its subresources, even if the @-rule
+  in question would ordinarily apply to all style sheets that affect
+  the <code>Document</code>. Any '@page' rules in scoped CSS resources
   must be ignored.</p>
 
   <p class="example">For example, an '@font-face' rule defined in a