Fix markup errors

Author: fantasai

selectors4/Overview.html

@@ -123,25 +123,24 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
   <ul class=toc>
    <li><a href="#context"><span class=secno>1. </span> Introduction</a>
     <ul class=toc>
-     <li><a href="#context"><span class=secno>1.1. </span>Background</a>
-
-     <li><a href="#placement"><span class=secno>1.2. </span>Module
+     <li><a href="#placement"><span class=secno>1.1. </span>Module
       Interactions</a>
 
-     <li><a href="#conventions"><span class=secno>1.3. </span>Document
+     <li><a href="#conventions"><span class=secno>1.2. </span>Document
       Conventions</a>
     </ul>
 
    <li><a href="#overview"><span class=secno>2. </span> Selectors
     Overview</a>
 
-   <li><a href="#syntax"><span class=secno>3. </span> Selector Syntax</a>
+   <li><a href="#syntax"><span class=secno>3. </span> Selector Syntax and
+    Structure</a>
     <ul class=toc>
      <li><a href="#structure"><span class=secno>3.1. </span> Structure and
-      Terminology </a>
+      Terminology</a>
 
      <li><a href="#subject"><span class=secno>3.2. </span> Subject of a
-      Selector </a>
+      Selector</a>
 
      <li><a href="#case-sensitive"><span class=secno>3.3. </span> Characters
       and case sensitivity</a>
@@ -155,8 +154,8 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
    <li><a href="#logical-combination"><span class=secno>4. </span> Logical
     Combinations</a>
     <ul class=toc>
-     <li><a href="#grouping"><span class=secno>4.1. </span> Selector Lists
-      </a>
+     <li><a href="#grouping"><span class=secno>4.1. </span> Selector
+      Lists</a>
 
      <li><a href="#matches"><span class=secno>4.2. </span> The Matches-Any
       Pseudo-class: &lsquo;<code class=css>:matches()</code>&rsquo;</a>
@@ -265,7 +264,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
      <li><a href="#nth-match"><span class=secno>11.6. </span> :nth-match()
       pseudo-class</a>
 
-     <li><a href="#nth-match"><span class=secno>11.7. </span>
+     <li><a href="#nth-last-match"><span class=secno>11.7. </span>
       :nth-last-match() pseudo-class</a>
 
      <li><a href="#first-child-pseudo"><span class=secno>11.8. </span>
@@ -312,8 +311,8 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
    <li><a href="#specificity"><span class=secno>13. </span> Calculating a
     selector's specificity</a>
 
-   <li><a href="#grammar"><span class=secno>14. </span> The grammar of
-    Selectors</a>
+   <li><a href="#formal-syntax"><span class=secno>14. </span> Formal
+    Syntax</a>
     <ul class=toc>
      <li><a href="#grammar"><span class=secno>14.1. </span> Grammar</a>
 
@@ -350,8 +349,6 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
 
   <h2 id=context><span class=secno>1. </span> Introduction</h2>
 
-  <h3 id=context><span class=secno>1.1. </span>Background</h3>
-
   <p><em>This section is not normative.</em>
 
   <p>Selectors define the following function:
@@ -375,7 +372,7 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
    href="http://www.w3.org/TR/css3-selectors/">Selectors Level 3</a>
    specifications, respectively.
 
-  <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3>
+  <h3 id=placement><span class=secno>1.1. </span>Module Interactions</h3>
 
   <p>This module replaces the definitions for, and extends the set of
    selectors (aside from pseudo-element selectors) defined for CSS in
@@ -387,7 +384,7 @@ <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3>
    described here, but they are defined in a separate Pseudo-Element
    Selectors Level 4 module.
 
-  <h3 id=conventions><span class=secno>1.3. </span>Document Conventions</h3>
+  <h3 id=conventions><span class=secno>1.2. </span>Document Conventions</h3>
 
   <p>Conformance requirements are expressed with a combination of descriptive
    assertions and RFC 2119 terminology. The key words “MUST”, “MUST
@@ -797,7 +794,7 @@ <h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
   <p>The meaning of each selector is derived from the table above by
    prepending "matches" to the contents of each cell in the "Meaning" column.
 
-  <h2 id=syntax><span class=secno>3. </span> Selector Syntax</h2>
+  <h2 id=syntax><span class=secno>3. </span> Selector Syntax and Structure</h2>
 
   <h3 id=structure><span class=secno>3.1. </span> Structure and Terminology</h3>
 
@@ -1801,9 +1798,10 @@ <h3 id=dir-pseudo><span class=secno>9.1. </span> The directionality
    determined by the document language. For example, in HTML <a
    href="#HTML401" rel=biblioentry>[HTML401]<!--{{HTML401}}--></a>, the
    directionality of an element is determined by the <code>dir</code>
-   attribute. The <code>:dir()<code> pseudo-class does not select based on
-   stylistic states&#8212;for example, the CSS 'direction' property does not
-   affect whether it matches. </code></code>
+   attribute. The <code>:dir()</code> pseudo-class does not select based on
+   stylistic states&#8212;for example, the CSS &lsquo;<code
+   class=property>direction</code>&rsquo; property does not affect whether it
+   matches.
 
   <p>The pseudo-class <code>:dir(ltr)</code> represents an element that has a
    directionality of left-to-right (<code>ltr</code>). The pseudo-class
@@ -1940,9 +1938,6 @@ <h3 id=checked><span class=secno>10.2. </span> The :checked pseudo-class</h3>
     pseudo-class:
 
    <pre>:not(:checked)</pre>
-
-   <pre>
-  </pre>
   </div>
 
   <h3 id=indeterminate><span class=secno>10.3. </span> The :indeterminate
@@ -1951,8 +1946,8 @@ <h3 id=indeterminate><span class=secno>10.3. </span> The :indeterminate
   <p>Radio and checkbox elements can be toggled between checked and unchecked
    states, but are sometimes in an indeterminate state, neither checked nor
    unchecked. The <code>:indeterminate</code> pseudo-class applies to such
-   elements. Like the <code>:checked<code> pseudo-class, it applies to all
-   media.</code></code>
+   elements. Like the <code>:checked</code> pseudo-class, it applies to all
+   media.
 
   <p>Components of a radio-group initialized with no pre-selected choice are
    an example of :indeterminate state.
@@ -2200,7 +2195,7 @@ <h3 id=nth-match><span class=secno>11.6. </span> :nth-match() pseudo-class</h3>
    class=css><code>odd</code></code>&rsquo; keywords.
    <!-- define <selector>. Split an+b into a similar <notation> -->
 
-  <h3 id=nth-match><span class=secno>11.7. </span> :nth-last-match()
+  <h3 id=nth-last-match><span class=secno>11.7. </span> :nth-last-match()
    pseudo-class</h3>
 
   <p><code>:nth-match(<a href="#selector"><var>selector</var></a>,
@@ -2549,7 +2544,7 @@ <h2 id=specificity><span class=secno>13. </span> Calculating a selector's
    specified in an HTML <code>style</code> attribute is described in CSS 2.1.
    <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.
 
-  <h2 id=grammar><span class=secno>14. </span> The grammar of Selectors</h2>
+  <h2 id=formal-syntax><span class=secno>14. </span> Formal Syntax</h2>
 
   <h3 id=grammar><span class=secno>14.1. </span> Grammar</h3>
 

selectors4/Overview.src.html

@@ -73,8 +73,6 @@ <h2 class="no-num no-toc" id="contents">Table of contents</h2>
 <h2 id=context>
 Introduction</h2>
 
-<h3 id="context">Background</h3>
-
   <p><em>This section is not normative.</em>
 
   <p>Selectors define the following function:</p>
@@ -414,10 +412,10 @@ <h2 id=overview>
   column.</p>
 
 <h2 id=syntax>
-Selector Syntax</h2>
+Selector Syntax and Structure</h2>
 
 <h3 id=structure>
-Structure and Terminology</h2>
+Structure and Terminology</h3>
 
   <p>The term <dfn>selector</dfn> can refer to a <i>simple selector</i>,
     <i>compound selector</i>, <i>complex selector</i>, or <i>selector list</i>.
@@ -454,7 +452,7 @@ <h3 id=structure>
   <a href="#invalid">invalid selector</a>.</p>
 
 <h3 id=subject>
-Subject of a Selector
+Subject of a Selector</h3>
 
   <p>The elements of a document tree that are represented by a selector
   are the <dfn>subjects</dfn> of the selector.
@@ -538,7 +536,7 @@ <h2 id=logical-combination>
 Logical Combinations</h2>
 
 <h3 id=grouping>
-Selector Lists</h2>
+Selector Lists</h3>
 
   <p>A comma-separated list of selectors represents the union of all
   elements selected by each of the individual selectors in the
@@ -1356,7 +1354,7 @@ <h3 id="dir-pseudo">
   determined by the document language.
   For example, in HTML [[HTML401]], the directionality of an element
   is determined by the <code>dir</code> attribute.
-  The <code>:dir()<code> pseudo-class does not select based on stylistic
+  The <code>:dir()</code> pseudo-class does not select based on stylistic
   states&#8212;for example, the CSS 'direction' property does not affect
   whether it matches.
 
@@ -1487,7 +1485,7 @@ <h3 id=checked>
   <div class="example">
     <p>An unchecked checkbox can be selected by using the <code>:not()</code>
     pseudo-class:
-    <pre>:not(:checked)<pre>
+    <pre>:not(:checked)</pre>
   </div>
 
 <h3 id=indeterminate>
@@ -1497,11 +1495,10 @@ <h3 id=indeterminate>
   unchecked states, but are sometimes in an indeterminate state,
   neither checked nor unchecked.
   The <code>:indeterminate</code> pseudo-class applies to such elements.
-  Like the <code>:checked<code> pseudo-class, it applies to all media.</p>
+  Like the <code>:checked</code> pseudo-class, it applies to all media.</p>
 
   <p>Components of a radio-group initialized with no pre-selected choice
   are an example of :indeterminate state.</p>
-  </div>
 
 <h2 id=structural-pseudos>
 Structural pseudo-classes</h2>
@@ -1737,7 +1734,7 @@ <h3 id=nth-match>
 
   <!-- define <selector>. Split an+b into a similar <notation> -->
 
-<h3 id=nth-match>
+<h3 id=nth-last-match>
 :nth-last-match() pseudo-class</h3>
 
   <p><code>:nth-match(<var>selector</var>, <var>a</var>n+<var>b</var>)</code>
@@ -2041,8 +2038,8 @@ <h2 id=specificity>
   specified in an HTML <code>style</code> attribute is described in CSS
   2.1. [[!CSS21]].</p>
 
-<h2 id=grammar>
-The grammar of Selectors</h2>
+<h2 id=formal-syntax>
+Formal Syntax</h2>
 
 <h3 id=grammar>
 Grammar</h3>