machine-generated version

Author: howcome

css-gcpm/Overview.html

@@ -11,7 +11,7 @@
   <meta content="CSS Generated Content for Paged Media Module"
    name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-09-10 name=dcterms.date>
+  <meta content=2013-09-11 name=dcterms.date>
   <meta content="Håkon Wium Lie" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
   <meta content="http://dev.w3.org/csswg/css3-gcpm/" name=dcterms.identifier>
@@ -42,13 +42,13 @@
 
    <h1>CSS Generated Content for Paged Media Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 10 September 2013</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 11 September 2013</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://dev.w3.org/csswg/css3-gcpm/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130910/</a>
+     href="http://dev.w3.org/csswg/css3-gcpm/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130911/</a>
 
     <dt>Latest version:
 
@@ -4219,18 +4219,43 @@ <h3 id=page-and-column-pseudo-elements><span class=secno>13.3.
    </span>‘<code class=property>page</code>’ and ‘<code
    class=property>column</code>’ pseudo-elements</h3>
 
+  <p>The ‘<code class=css>page()</code>’ and ‘<code
+   class=css>column()</code>’ pseudo-element allows the selection of pages,
+   columns, and elements within.
+
+  <div class=example>
+   <pre>
+article::column(2n) {     /* select every other column of an article */
+  ...
+}
+</pre>
+  </div>
+
+  <div class=example>
+   <pre>
+article::page(left) {   /* select all left pages in an article */
+  background: pink;
+} 
+</pre>
+  </div>
+
   <div class=example>
    <pre>
 article::page(left) p {   /* select all p elements that appear on left pages in an article */
-  ... 
+  text-align: left;
 } 
 </pre>
   </div>
 
+  <p>Several syntax variations are possible.
+
   <div class=example>
    <pre>
-article::column(2n) {     /* select every other column of an article */
+@page :left {
   ...
+  {
+      p { text-align: left }
+  }
 }
 </pre>
   </div>