simplify some text and correct a mistake

Author: annevk

cssom/Overview.html

@@ -359,12 +359,12 @@ <h3 id=serializing-media-queries><span class=secno>4.2. </span>Serializing
     <p>Let <var title="">s</var> be the empty string.
 
    <li>
-    <p>If the media query is negated append the literal string
-     "<code>not</code>", followed by a U+0020 SPACE character, to <var
-     title="">s</var>.
+    <p>If the media query is negated append "<code>not</code>", followed by a
+     space (U+0020), to <var title="">s</var>.
 
    <li>
-    <p>Let <var title="">type</var> be the media query, <a
+    <p>Let <var title="">type</var> be the media type of the media query,
+     <span title="escape as identifier">escaped</span> and <a
      href="#converted-to-ascii-lowercase">converted to ASCII lowercase</a>.
 
    <li>
@@ -374,9 +374,9 @@ <h3 id=serializing-media-queries><span class=secno>4.2. </span>Serializing
 
    <li>
     <p>If <var title="">type</var> is not "<code>all</code>" or if the media
-     query is negated append <var title="">type</var>, followed by a U+0020
-     SPACE character, followed by "<code>and</code>", followed by a U+0020
-     SPACE character, to <var title="">s</var>.
+     query is negated append <var title="">type</var>, followed by a space
+     (U+0020), followed by "<code>and</code>", followed by a space (U+0020),
+     to <var title="">s</var>.
 
    <li>
     <p>Sort the media features in lexicographical order.
@@ -385,25 +385,24 @@ <h3 id=serializing-media-queries><span class=secno>4.2. </span>Serializing
     <p>Then, for each media feature:</p>
 
     <ol>
-     <li>Append a U+0028 LEFT PARENTHESIS character, followed by the media
-      feature name, <a href="#converted-to-ascii-lowercase">converted to
-      ASCII lowercase</a>, to <var title="">s</var>.
+     <li>Append a "<code>(</code>" (U+0028), followed by the media feature
+      name, <a href="#converted-to-ascii-lowercase">converted to ASCII
+      lowercase</a>, to <var title="">s</var>.
 
      <li>
-      <p>If a value is given append a U+003A COLON (:) character, followed by
-       a U+0020 SPACE character, followed by the <a
+      <p>If a value is given append a "<code>:</code>" (U+003A), followed by
+       a space (U+0020), followed by the <a
        href="#serialize-a-media-feature-value" title="serialize a media
        feature value">serialized media feature value</a>, to <var
        title="">s</var>.</p>
 
      <li>
-      <p>Append a U+0029 RIGHT PARENTHESIS character to <var
-       title="">s</var>.
+      <p>Append a "<code>)</code>" (U+0029) to <var title="">s</var>.
 
      <li>
-      <p>If this is not the last media feature append a U+0020 SPACE
-       character, followed by the literal string "<code>and</code>", followed
-       by a U+0020 SPACE character, to <var title="">s</var>.</p>
+      <p>If this is not the last media feature append a space (U+0020),
+       followed by "<code>and</code>", followed by a space (U+0020), to <var
+       title="">s</var>.
     </ol>
 
    <li>
@@ -455,8 +454,9 @@ <h3 id=serializing-media-queries><span class=secno>4.2. </span>Serializing
        <var title="">s</var>.
 
      <li>
-      <p>If this is not the last media query append a "<code>,</code>"
-       (U+002C), followed by a space (U+0020) to <var title="">s</var>.
+      <p>If this is not the last media query in the list append a
+       "<code>,</code>" (U+002C), followed by a space (U+0020) to <var
+       title="">s</var>.
     </ol>
 
    <li>

cssom/Overview.src.html

@@ -192,43 +192,43 @@ <h3>Serializing Media Queries</h3>
   <ol>
    <li><p>Let <var title="">s</var> be the empty string.</p></li>
 
-   <li><p>If the media query is negated append the literal string
-   "<code>not</code>", followed by a U+0020 SPACE character, to
-   <var title="">s</var>.</p></li>
+   <li><p>If the media query is negated append "<code>not</code>", followed
+   by a space (U+0020), to <var title="">s</var>.</p></li>
 
-   <li><p>Let <var title="">type</var> be the media query,
+   <li><p>Let <var title="">type</var> be the media type of the media query,
+   <span title="escape as identifier">escaped</span> and
    <span>converted to ASCII lowercase</span>.</p></li>
 
    <li><p>If the media query does not contain media features append
    <var title="">type</var>, to <var title="">s</var>,
    then return <var title="">s</var> and terminate this algorithm.</p></li>
 
    <li><p>If <var title="">type</var> is not "<code>all</code>" or if the
-   media query is negated append <var title="">type</var>, followed by
-   a U+0020 SPACE character, followed by "<code>and</code>", followed by a
-   U+0020 SPACE character, to <var title="">s</var>.</p></li>
+   media query is negated append <var title="">type</var>, followed by a
+   space (U+0020), followed by "<code>and</code>", followed by a space
+   (U+0020), to <var title="">s</var>.</p></li>
 
    <li><p>Sort the media features in lexicographical order.</p></li>
 
    <li>
     <p>Then, for each media feature:</p>
 
     <ol>
-     <li>Append a U+0028 LEFT PARENTHESIS character, followed by the media
-     feature name, <span>converted to ASCII lowercase</span>, to
+     <li>Append a "<code>(</code>" (U+0028), followed by the media feature
+     name, <span>converted to ASCII lowercase</span>, to
      <var title="">s</var>.</p></li>
 
-     <li><p>If a value is given append a U+003A COLON (:)
-     character, followed by a U+0020 SPACE character, followed by the
+     <li><p>If a value is given append a "<code>:</code>" (U+003A), followed
+     by a space (U+0020), followed by the
      <span title="serialize a media feature value">serialized media feature value</span>,
      to <var title="">s</var>.</p>
 
-     <li><p>Append a U+0029 RIGHT PARENTHESIS character to
+     <li><p>Append a "<code>)</code>" (U+0029) to
      <var title="">s</var>.</p></li>
 
-     <li><p>If this is not the last media feature append a U+0020 SPACE
-     character, followed by the literal string "<code>and</code>", followed
-     by a U+0020 SPACE character, to <var title="">s</var>.</p>
+     <li><p>If this is not the last media feature append a space (U+0020),
+     followed by "<code>and</code>", followed by a space (U+0020), to
+     <var title="">s</var>.</p></li>
     </ol>
    </li>
 
@@ -270,8 +270,9 @@ <h3>Serializing Media Queries</h3>
      <span title="serialize a media query">serializing</span> the media
      query to <var title="">s</var>.</p></li>
 
-     <li><p>If this is not the last media query append a "<code>,</code>"
-     (U+002C), followed by a space (U+0020) to <var title="">s</var>.</p></li>
+     <li><p>If this is not the last media query in the list append a
+     "<code>,</code>" (U+002C), followed by a space (U+0020) to
+     <var title="">s</var>.</p></li>
     </ol>
    </li>