Merge pull request #318 from adanilo/remove-style-scoped

Remove scoped style

sections/attributes.include

@@ -674,12 +674,6 @@
       <td>Specifies which cells the header cell applies to</td>
       <td>"<code>row</code>"; "<code>col</code>"; "<code>rowgroup</code>"; "<code>colgroup</code>"</td>
     </tr>
-    <tr>
-      <th><code>scoped</code></th>
-      <td><{style}></td>
-      <td>Whether the styles apply to the entire document or just the parent subtree</td>
-      <td><a>Boolean attribute</a></td>
-    </tr>
     <tr>
       <th><code>selected</code></th>
       <td><{option}></td>

sections/dom.include

@@ -1067,7 +1067,6 @@
     <li><{small}></li>
     <li><{span}></li>
     <li><{strong}></li>
-    <li><{style}> (if the <code>scoped</code> attribute is present)</li>
     <li><{sub}></li>
     <li><{sup}></li>
     <li><{svg}></li>

sections/element-content-categories.include

@@ -115,8 +115,7 @@
       <a>Text</a>
      </td>
       <td>
-        <{area}> (if it is a descendant of a <{map}> element);
-      <{style}> (if the <{style/scoped}> attribute is present)
+        <{area}> (if it is a descendant of a <{map}> element)
 
     </td>
     </tr>

sections/elements.include

@@ -1302,8 +1302,7 @@
      <td>varies*</td>
      <td><a lt="global attributes">globals</a>;
          <{style/media}>;
-         <{style/type}>;
-         <{style/scoped}></code></td>
+         <{style/type}></code></td>
      <td>{{HTMLStyleElement}}</td>
     </tr>
 

sections/semantics-document-metadata.include

@@ -1355,21 +1355,14 @@
   <dl class="element">
     <dt><a>Categories</a>:</dt>
     <dd><a>Metadata content</a>.</dd>
-    <dd>If the <code>scoped</code> attribute is present: <a>flow content</a>.</dd>
     <dt><a>Contexts in which this element can be used</a>:</dt>
     <dd>
-      If the <code>scoped</code> attribute is absent: where <a>metadata content</a> is expected.
+      Where <a>metadata content</a> is expected.
     </dd>
     <dd>
-      If the <code>scoped</code> attribute is absent: in a <{noscript}> element that is a
+      In a <{noscript}> element that is a
       child of a <{head}> element.
     </dd>
-    <dd>
-      If the <code>scoped</code> attribute is present: where <a>flow content</a> is expected, but
-      before any other <a>flow content</a> other than <a>inter-element whitespace</a> and
-      <{style}> elements, and not as the child of an element whose content model is
-      <a>transparent</a>.
-    </dd>
     <dt><a>Content model</a>:</dt>
     <dd>
       Depends on the value of the <code>type</code> attribute, but must match requirements described
@@ -1381,10 +1374,6 @@
     <dd><a>Global attributes</a></dd>
     <dd><code>media</code> — Applicable media</dd>
     <dd><code>type</code> — Type of embedded resource</dd>
-    <dd>
-      <code>scoped</code> — Whether the styles apply to the entire document or just the parent
-      subtree
-    </dd>
     <dd>
       Also, the <{style/title}> attribute has special semantics on this element: Alternative
       style sheet set name.
@@ -1399,7 +1388,6 @@
         interface HTMLStyleElement : HTMLElement {
           attribute DOMString media;
           attribute DOMString type;
-          attribute boolean scoped;
         };
         HTMLStyleElement implements LinkStyle;
       </pre>
@@ -1437,29 +1425,11 @@
   The default, if the <code>media</code> attribute is omitted, is "<code>all</code>", meaning that
   by default styles apply to all media.
 
-  The <dfn element-attr for="style"><code>scoped</code></dfn> attribute is a <a>boolean attribute</a>. If present, it
-  indicates that the styles are intended just for the subtree rooted at the <code>style</code>
-  element's parent element, as opposed to the whole {{Document}}.
-
-  If the <code>scoped</code> attribute is present and the element has a parent element, then the
-  <{style}> element must precede any <a>flow content</a> in its parent element other than
-  <a>inter-element whitespace</a> and other <{style}> elements, and the parent element's
-  content model must not have a <a>transparent</a> component.
-
   <p class="note">
-    This implies that scoped <{style}> elements cannot be children of, e.g., <{a}>
-    or <{ins}> elements, even when those are used as <a>flow content</a> containers.
-  </p>
-
-  <p class="note">
-    A <{style}> element <em>without</em> a <code>scoped</code> attribute is restricted to
+    A <{style}> element is restricted to
     appearing in the <code>head</code> of the document.
   </p>
 
-  A style sheet declared by a <{style}> element that has a <code>scoped</code> attribute
-  and has a parent node that is an element is <i>scoped</i>, with the <i>scoping root</i> being the
-  <{style}> element's parent element. [[!CSS-SCOPING-1]]
-
   The <dfn element-attr for="style"><code>title</code></dfn> attribute on <{style}> elements defines
   <a>alternative style sheet sets</a>. If the <{style}> element has no <code>title</code>
   attribute, then it has no title; the <code>title</code> attribute of ancestors does not apply to
@@ -1569,8 +1539,7 @@
   </p>
 
   <div class="impl">
-    The {{HTMLStyleElement/media}}, {{HTMLStyleElement/type}} and
-    {{HTMLStyleElement/scoped}} IDL attributes must <a>reflect</a> the respective content
+    The {{HTMLStyleElement/media}} and {{HTMLStyleElement/type}} IDL attributes must <a>reflect</a> the respective content
     attributes of the same name.
   </div>
 

sections/semantics-embedded-content.include

@@ -9979,15 +9979,9 @@ zero or more <{track}> elements, then
 
     <pre highlight="html">
 &lt;article&gt;
-  &lt;style scoped&gt;
-  div { margin: 1em auto; position: relative; width: 400px; height: 300px; }
-  video { position; absolute; bottom: 0; right: 0; }
-  video:first-child { width: 100%; height: 100%; }
-  video:last-child { width: 30%; }
-  &lt;/style&gt;
-  &lt;div&gt;
-  &lt;video src="movie.vid#track=Video&amp;amp;track=English" autoplay controls mediagroup=movie&gt;&lt;/video&gt;
-  &lt;video src="movie.vid#track=sign" autoplay mediagroup=movie&gt;&lt;/video&gt;
+  &lt;div style="margin: 1em auto; position: relative; width: 400px; height: 300px;"&gt;
+  &lt;video style="position; absolute; bottom: 0; right: 0; width: 100%; height: 100%;" src="movie.vid#track=Video&amp;amp;track=English" autoplay controls mediagroup=movie&gt;&lt;/video&gt;
+  &lt;video style="position; absolute; bottom: 0; right: 0; width: 30%;" src="movie.vid#track=sign" autoplay mediagroup=movie&gt;&lt;/video&gt;
   &lt;/div&gt;
 &lt;/article&gt;
     </pre>

sections/semantics-tabular-data.include

@@ -430,11 +430,6 @@
 
     <pre highlight="html">
 &lt;section&gt;
-  &lt;style scoped&gt;
-  table { border-collapse: collapse; border: solid thick; }
-  colgroup, tbody { border: solid medium; }
-  td { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
-  &lt;/style&gt;
   &lt;h1&gt;Today's Sudoku&lt;/h1&gt;
   &lt;table&gt;
   &lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;

sections/semantics-textlevel.include

@@ -2864,8 +2864,8 @@ end.</code></pre>
     the author to explicitly style <{mark}> elements in quotes to render in italics.
 
     <pre highlight="html">
-&lt;article&gt;
-  &lt;style scoped&gt;
+&lt;head&gt;
+  &lt;style&gt;
   blockquote mark, q mark {
     font: inherit; font-style: italic;
     text-decoration: none;
@@ -2876,6 +2876,8 @@ end.&lt;/code&gt;&lt;/pre&gt;
     text-decoration: underline;
   }
   &lt;/style&gt;
+&lt;/head&gt;
+&lt;article&gt;
   &lt;h1&gt;She knew&lt;/h1&gt;
   &lt;p&gt;Did you notice the subtle joke in the joke on panel 4?&lt;/p&gt;
   &lt;blockquote&gt;