Switch subject indicator to suffix, revert to exclamation point. Fix some typos found by Bert.

Author: fantasai

selectors4/Overview.html

@@ -19,13 +19,13 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 November
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 November
     2011</h2>
 
    <dl>
     <dt>This version: <!--
-    <dd><a href="http://www.w3.org/TR/2011/ED-selectors4-20111104/">
-                 http://www.w3.org/TR/2011/WD-selectors4-20111104/</a>
+    <dd><a href="http://www.w3.org/TR/2011/ED-selectors4-20111115/">
+                 http://www.w3.org/TR/2011/WD-selectors4-20111115/</a>
 
     <dt>Editor's draft:
 -->
@@ -686,7 +686,7 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
 
      <td><a href="#dir-pseudo">The :dir() pseudo-class</a>
 
-     <td>2
+     <td>4
 
     <tr>
      <td><code>E:lang(fr, en)</code>
@@ -706,7 +706,7 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
 
      <td><a href="#any-link-pseudo">The hyperlink pseudo-class</a>
 
-     <td>1
+     <td>4
 
     <tr>
      <td><code>E:link</code>
@@ -1121,7 +1121,7 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
      <td>4
 
     <tr>
-     <td><code>?E &gt; F</code>
+     <td><code>E! &gt; F</code>
 
      <td>an E element parent of an F element
 
@@ -1190,11 +1190,12 @@ <h3 id=subject><span class=secno>3.2. </span> Determining the Subject of a
    selector are always a subset of the elements represented by the last
    compound selector.
 
-  <p>The subject of the selector can be explicitly identified by prepending a
-   question mark (?) to one of the compound selectors in a selector. Although
-   the element structure that the selector represents is the same with or
-   without the dollar sign, indicating the subject in this way can change
-   which compound selector represents the subject in that structure.
+  <p>The subject of the selector can be explicitly identified by appending an
+   exclamation mark (!) to one of the compound selectors in a selector.
+   Although the element structure that the selector represents is the same
+   with or without the exclamation mark, indicating the subject in this way
+   can change which compound selector represents the subject in that
+   structure.
 
   <div class=example>
    <p>For example, the following selector represents a list item
@@ -1205,10 +1206,10 @@ <h3 id=subject><span class=secno>3.2. </span> Determining the Subject of a
    <p>However the following one represents an ordered list <code>OL</code>
     having a unique child, that child being a <code>LI</code>:
 
-   <pre>?OL &gt; LI:only-child</pre>
+   <pre>OL! &gt; LI:only-child</pre>
 
-   <p>The structures represented by these two selectors are the same, but the
-    subjects of the selectors are not.
+   <p>The tree structures represented by these two selectors are the same,
+    but the subjects of the selectors are not.
   </div>
 
   <h3 id=pseudo-classes><span class=secno>3.3. </span> Pseudo-classes</h3>

selectors4/Overview.src.html

@@ -244,7 +244,7 @@ <h2 id=overview>
       <td>an element of type E in with left-to-right directionality
         (the document language specifies how directionality is determined)
       <td><a href="#dir-pseudo">The :dir() pseudo-class</a>
-      <td>2
+      <td>4
     <tr>
       <td><code>E:lang(fr, en)</code>
       <td>an element of type E in either language "fr" or language "en"
@@ -256,7 +256,7 @@ <h2 id=overview>
       <td><code>E:any-link</code>
       <td>an E element being the source anchor of a hyperlink
       <td><a href="#any-link-pseudo">The hyperlink pseudo-class</a>
-      <td>1
+      <td>4
     <tr>
       <td><code>E:link</code>
       <td>an E element being the source anchor of a hyperlink
@@ -488,7 +488,7 @@ <h2 id=overview>
       <td><a href="#idref-combinators">Reference combinator</a>
       <td>4
     <tr>
-      <td><code>?E &gt; F</code>
+      <td><code>E! &gt; F</code>
       <td>an E element parent of an F element
       <td><a href="#subject">Determining the subject of a selector</a> +
           <a href="#child-combinators">Child combinator</a>
@@ -556,10 +556,10 @@ <h3 id=subject>
   the selector are always a subset of the elements represented by the last
   compound selector.</p>
 
-  <p>The subject of the selector can be explicitly identified by prepending
-  a question mark (?) to one of the compound selectors in a selector.
+  <p>The subject of the selector can be explicitly identified by appending
+  an exclamation mark (!) to one of the compound selectors in a selector.
   Although the element structure that the selector represents is the same
-  with or without the dollar sign, indicating the subject in this way
+  with or without the exclamation mark, indicating the subject in this way
   can change which compound selector represents the subject in that structure.
 
   <div class="example">
@@ -568,9 +568,9 @@ <h3 id=subject>
     <pre>OL &gt; LI:only-child</pre>
     <p>However the following one represents an ordered list <code>OL</code>
     having a unique child, that child being a <code>LI</code>:
-    <pre>?OL &gt; LI:only-child</pre>
-    <p>The structures represented by these two selectors are the same, but the
-    subjects of the selectors are not.
+    <pre>OL! &gt; LI:only-child</pre>
+    <p>The tree structures represented by these two selectors are the same,
+    but the subjects of the selectors are not.
   </div>
 
 <h3 id=pseudo-classes>