Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
[giow] (1) Define <style scoped> and @global.
Affected topics: HTML git-svn-id: http://svn.whatwg.org/webapps@6935 340c8d12-0b0e-0410-8428-c7bf67bfef74
- Loading branch information
Showing
with
95 additions
and 12 deletions.
- +31 −4 complete.html
- +31 −4 index
- +33 −4 source
| (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 |
| (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 |
| (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 |