Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[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
Hixie committed Jan 30, 2012
1 parent d45326a commit f6c7656
Show file tree
Hide file tree
Showing 3 changed files with 95 additions and 12 deletions.
35 changes: 31 additions & 4 deletions complete.html
Expand Up @@ -15668,10 +15668,37 @@ <h4 id=the-style-element><span class=secno>4.2.6 </span>The <dfn><code>style</co
(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
Expand Down
35 changes: 31 additions & 4 deletions index
Expand Up @@ -15668,10 +15668,37 @@ people expect to have work and what is necessary.
(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
Expand Down
37 changes: 33 additions & 4 deletions source
Expand Up @@ -16717,10 +16717,39 @@ people expect to have work and what is necessary.
(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
Expand Down

0 comments on commit f6c7656

Please sign in to comment.