compare lists of media queries; yay; for cssom-view

Author: annevk

cssom/Overview.html

@@ -28,13 +28,13 @@
   <div class=head>
    <h1 id=cssom>CSSOM</h1>
 
-   <h2 class="no-num no-toc" id="">Editor's Draft 14 July 2010</h2>
+   <h2 class="no-num no-toc" id="">Editor's Draft 15 July 2010</h2>
 
    <dl>
     <dt>This Version:
 
     <dd><a
-     href="http://www.w3.org/TR/2010/ED-cssom-20100714/">http://www.w3.org/TR/2010/ED-cssom-20100714/</a>
+     href="http://www.w3.org/TR/2010/ED-cssom-20100715/">http://www.w3.org/TR/2010/ED-cssom-20100715/</a>
 
     <dt>Latest Version:
 
@@ -489,8 +489,9 @@ <h3 id=serializing-media-queries><span class=secno>3.2. </span>Serializing
 
    <li>
     <p><a href="#serialize-a-media-query" title="serialize a media
-     query">Serialize</a> each media query in the list of media queries and
-     then <a href="#serialize-a-comma-separated-list" title="serialize a
+     query">Serialize</a> each media query in the list of media queries, sort
+     them in lexicographical order, and then <a
+     href="#serialize-a-comma-separated-list" title="serialize a
      comma-separated list">serialize</a> the list.
   </ol>
 
@@ -673,6 +674,12 @@ <h4 id=serializing-media-feature-values><span class=secno>3.2.1.
   <h3 id=comparing-media-queries><span class=secno>3.3. </span>Comparing
    Media Queries</h3>
 
+  <p>To <dfn id=compare-lists-of-media-queries>compare lists of media
+   queries</dfn> <var title="">l1</var> and <var title="">l2</var> means to
+   <a href="#serialize-a-list-of-media-queries" title="serialize a list of
+   media queries">serialize</a> them both and return true if they are a <a
+   href="#case-sensitive">case-sensitive</a> match and false if they are not.
+
   <p>To <dfn id=compare-media-queries>compare media queries</dfn> <var
    title="">m1</var> and <var title="">m2</var> means to <a
    href="#serialize-a-media-query" title="serialize a media
@@ -4008,6 +4015,9 @@ <h3 id=extensions-to-the-window-interface><span class=secno>6.2.
      title=dom-Window-getComputedStyle>getComputedStyle()</code></a> was
      invoked to compute the <a href="#css-declaration-block">CSS declaration
      block</a>.</p>
+   </li>
+   <!-- https://bugs.webkit.org/show_bug.cgi?id=14563 has reasons for why
+        this is slightly crazy -->
   </ol>
 
   <p class=note>Because of historical IDL limitations the <a
@@ -4064,6 +4074,8 @@ <h2 id=resolved-values><span class=secno>7. </span>Resolved Values</h2>
 
    <dt>'<code>height</code>'
 
+   <dt>'<code>margin</code>'
+
    <dt>'<code>margin-bottom</code>'
 
    <dt>'<code>margin-left</code>'
@@ -4072,6 +4084,8 @@ <h2 id=resolved-values><span class=secno>7. </span>Resolved Values</h2>
 
    <dt>'<code>margin-top</code>'
 
+   <dt>'<code>padding</code>'
+
    <dt>'<code>padding-bottom</code>'
 
    <dt>'<code>padding-left</code>'

cssom/Overview.src.html

@@ -263,7 +263,8 @@ <h3>Serializing Media Queries</h3>
    terminate these steps.</p></li>
 
    <li><p><span title="serialize a media query">Serialize</span> each
-   media query in the list of media queries and then
+   media query in the list of media queries, sort them in lexicographical
+   order, and then
    <span title="serialize a comma-separated list">serialize</span> the
    list.</p></li>
   </ol>
@@ -400,6 +401,13 @@ <h4>Serializing Media Feature Values</h4>
 
   <h3>Comparing Media Queries</h3>
 
+  <p>To
+  <dfn id="compare-lists-of-media-queries">compare lists of media queries</dfn>
+  <var title="">l1</var> and <var title="">l2</var> means to
+  <span title="serialize a list of media queries">serialize</span> them both
+  and return true if they are a <span>case-sensitive</span> match and false
+  if they are not.</p>
+
   <p>To
   <dfn id="compare-media-queries">compare media queries</dfn>
   <var title="">m1</var> and <var title="">m2</var> means to
@@ -2554,6 +2562,9 @@ <h3>Extensions to the <code title="">Window</code> Interface</h3>
     <code title="dom-Window-getComputedStyle">getComputedStyle()</code> was
     invoked to compute the <span>CSS declaration block</span>.</p>
    </li>
+   
+   <!-- https://bugs.webkit.org/show_bug.cgi?id=14563 has reasons for why
+        this is slightly crazy -->
   </ol>
 
   <p class="note">Because of historical IDL limitations the
@@ -2607,10 +2618,12 @@ <h2>Resolved Values</h2>
    <dd><p>The <span>resolved value</span> is the used value.</p></dd>
 
    <dt>'<code>height</code>'</dt>
+   <dt>'<code>margin</code>'</dt>
    <dt>'<code>margin-bottom</code>'</dt>
    <dt>'<code>margin-left</code>'</dt>
    <dt>'<code>margin-right</code>'</dt>
    <dt>'<code>margin-top</code>'</dt>
+   <dt>'<code>padding</code>'</dt>
    <dt>'<code>padding-bottom</code>'</dt>
    <dt>'<code>padding-left</code>'</dt>
    <dt>'<code>padding-right</code>'</dt>