1.1 --- a/css3-gcpm/Overview.html Mon Feb 11 14:12:53 2013 -0800 1.2 +++ b/css3-gcpm/Overview.html Mon Feb 11 14:15:36 2013 -0800 1.3 @@ -11,11 +11,12 @@ 1.4 <meta content="CSS Generated Content for Paged Media Module" 1.5 name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-02-10 name=dcterms.issued> 1.8 + <meta content=2013-02-11 name=dcterms.issued> 1.9 <meta content="Håkon Wium Lie" name=dcterms.creator> 1.10 <meta content=W3C name=dcterms.publisher> 1.11 - <meta content="http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/" 1.12 + <meta content="http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/" 1.13 name=dcterms.identifier> 1.14 + <meta content="text/html; charset=utf-8" http-equiv=Content-Type> 1.15 <link href="../default.css" rel=stylesheet type="text/css"> 1.16 <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet 1.17 type="text/css"> 1.18 @@ -32,13 +33,13 @@ 1.19 1.20 <h1>CSS Generated Content for Paged Media Module</h1> 1.21 1.22 - <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 10 February 2013</h2> 1.23 + <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 11 February 2013</h2> 1.24 1.25 <dl> 1.26 <dt>This version: 1.27 1.28 <dd><a 1.29 - href="http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/</a> 1.30 + href="http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/</a> 1.31 1.32 <dt>Latest version: 1.33 1.34 @@ -517,7 +518,7 @@ 1.35 1.36 <div class=example> 1.37 <pre> 1.38 -h2 { 1.39 +h2 { 1.40 string-set: header "Chapter " counter(header) ": " contents; 1.41 counter-increment: header; 1.42 } 1.43 @@ -533,10 +534,10 @@ 1.44 <em>header</em> as in the previous example. <!--note namespace--> 1.45 1.46 <pre> 1.47 -h2:before { content: "Chapter " counter(header) } 1.48 -h2 { 1.49 +h2:before { content: "Chapter " counter(header) } 1.50 +h2 { 1.51 string-set: header content-before content-element; 1.52 - counter-increment: header } 1.53 + counter-increment: header } 1.54 </pre> 1.55 </div> 1.56 1.57 @@ -552,7 +553,7 @@ 1.58 content is copied into a named string: 1.59 1.60 <pre> 1.61 -title { 1.62 +title { 1.63 display: none; 1.64 string-set: header contents; 1.65 } 1.66 @@ -816,7 +817,7 @@ 1.67 <td>\0020 1.68 </table> 1.69 <!-- 1.70 -<p>User Agents should attempt to align corresponding glyphs from the 1.71 +<p>User Agents should attempt to align corresponding glyphs from the 1.72 leader pattern between consecutive lines. 1.73 --> 1.74 1.75 @@ -962,7 +963,7 @@ 1.76 <pre> 1.77 Bla great bla bla world bla bla 1.78 empire bla bla color bla bla 1.79 - history bla bla forever. John 1.80 + history bla bla forever. John 1.81 Johnson 1.82 </pre> 1.83 1.84 @@ -994,7 +995,7 @@ 1.85 1.86 <pre> 1.87 Bla great bla bla world bla bla empire 1.88 - bla bla color bla bla history bla bla 1.89 + bla bla color bla bla history bla bla 1.90 forever. John Johnson 1.91 </pre> 1.92 </div> 1.93 @@ -1074,7 +1075,7 @@ 1.94 this CSS code can be used: 1.95 <pre> 1.96 h2 { counter-increment: chapter } 1.97 -a { content: "Chapter " target-counter(attr(href url), chapter) 1.98 +a { content: "Chapter " target-counter(attr(href url), chapter) 1.99 ' ("' target-text(attr(href url), content-element) '") on page ' 1.100 target-counter(attr(href url), page); 1.101 </pre> 1.102 @@ -1141,7 +1142,7 @@ 1.103 <pre> 1.104 <style> 1.105 @media print { 1.106 - .footnote { 1.107 + .footnote { 1.108 float: footnote; 1.109 content: target-pull(attr(href url)) } 1.110 .call { display: none } 1.111 @@ -1175,7 +1176,7 @@ 1.112 this code: 1.113 1.114 <pre> 1.115 -span[title]::after { 1.116 +span[title]::after { 1.117 content: attr(title); 1.118 float: footnote; 1.119 } 1.120 @@ -1191,7 +1192,7 @@ 1.121 1.122 <div class=example> 1.123 <pre> 1.124 -span.footnote { 1.125 +span.footnote { 1.126 float: footnote; 1.127 } 1.128 </pre> 1.129 @@ -1209,10 +1210,10 @@ 1.130 <p>In this example, the footnotes are displayed inline: 1.131 1.132 <pre> 1.133 -@footnote { 1.134 +@footnote { 1.135 display: inline; 1.136 } 1.137 -span.footnote { 1.138 +span.footnote { 1.139 float: footnote; 1.140 } 1.141 </pre> 1.142 @@ -1220,11 +1221,11 @@ 1.143 <p>Here is one possible presentation of inline footnotes: 1.144 1.145 <pre> 1.146 -¹ The first footnote. º The second footnote. 1.147 +¹ The first footnote. º The second footnote. 1.148 </pre> 1.149 </div> 1.150 <!-- 1.151 -<p class=issue>Another way to achieve this would be to introduce different keywords for inline and block footnotes (e.g., float: footnote-inline, float: footnote-block). 1.152 +<p class=issue>Another way to achieve this would be to introduce different keywords for inline and block footnotes (e.g., float: footnote-inline, float: footnote-block). 1.153 --> 1.154 1.155 <p>For each new footnote element, the ‘<code class=css>footnote</code>’ 1.156 @@ -1249,7 +1250,7 @@ 1.157 1.158 <pre> 1.159 @page { 1.160 - @footnote { 1.161 + @footnote { 1.162 float: bottom; 1.163 column-span: all; 1.164 width: 100%; 1.165 @@ -1263,7 +1264,7 @@ 1.166 1.167 <pre> 1.168 @page { 1.169 - @footnote { 1.170 + @footnote { 1.171 float: bottom; 1.172 width: 100%; 1.173 } 1.174 @@ -1276,7 +1277,7 @@ 1.175 1.176 <pre> 1.177 @page { 1.178 - @footnote { 1.179 + @footnote { 1.180 float: bottom-corner; 1.181 width: 100%; 1.182 } 1.183 @@ -1478,17 +1479,17 @@ 1.184 1.185 <p class=note>The motivation for having another page-based area into 1.186 which content can be floated is that footnotes and sidenotes are 1.187 -often used in the same document. 1.188 +often used in the same document. 1.189 1.190 <div class="example"> 1.191 <p>This example moves images to the outside margin of pages: 1.192 1.193 <pre> 1.194 -@page :left { 1.195 +@page :left { 1.196 margin-left: 10em; 1.197 @sidenote { position: fixed; left: -8em; width: 6em } 1.198 } 1.199 -@page :right { 1.200 +@page :right { 1.201 margin-right: 10em; 1.202 @sidenote { position: fixed; right: -8em; width: 6em } 1.203 } 1.204 @@ -1547,7 +1548,7 @@ 1.205 <!-- 1.206 <p>Hyphenation means splitting words to improve the layout of 1.207 paragraphs. This specifications does not define the exact rules for 1.208 -hyphenation, but describes six properties that influence hyphenation. 1.209 +hyphenation, but describes six properties that influence hyphenation. 1.210 1.211 <h3>The 'hyphens' property</h3> 1.212 1.213 @@ -1587,7 +1588,7 @@ 1.214 1.215 <dt>manual 1.216 1.217 -<dd>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit or conditional. 1.218 +<dd>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit or conditional. 1.219 1.220 <div class="example"> 1.221 <p>In Unicode, U+00AD is a conditional "soft hyphen" and U+2010 is an explicit hyphen. Unicode Standard Annex #14 describes the <a href="http://unicode.org/reports/tr14/#SoftHyphen">role of soft hyphens in the</a> Unicode Line breaking algorithm. 1.222 @@ -1602,11 +1603,11 @@ 1.223 1.224 1.225 <dt>auto 1.226 -<dd>Words can be broken at appropriate hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources. Characters inside the word take priority over hyphenation points determined by other resources. 1.227 +<dd>Words can be broken at appropriate hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources. Characters inside the word take priority over hyphenation points determined by other resources. 1.228 1.229 <dt>all 1.230 1.231 -<dd>All possible hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources, are marked. The visual appearance of the mark is UA-dependent. 1.232 +<dd>All possible hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources, are marked. The visual appearance of the mark is UA-dependent. 1.233 1.234 1.235 </dl> 1.236 @@ -1789,7 +1790,7 @@ 1.237 1.238 <p>This property specifies strings that are shown between parts of 1.239 hyphenated words. The 'auto' value means that the user agent should 1.240 -find an appropriate value. 1.241 +find an appropriate value. 1.242 1.243 <div class="example"> 1.244 <p>In Latin scripts, the hyphen character (U+2010) is often used to 1.245 @@ -1810,7 +1811,7 @@ 1.246 <td><dfn>hyphenate-last-line-avoid</dfn> 1.247 <tr> 1.248 <td><em>Value:</em> 1.249 - <td>auto | always | column | page | spread 1.250 + <td>auto | always | column | page | spread 1.251 <tr> 1.252 <td><em>Initial:</em> 1.253 <td>auto 1.254 @@ -1840,7 +1841,7 @@ 1.255 1.256 <dt>always 1.257 1.258 -<dd>the last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated. 1.259 +<dd>the last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated. 1.260 1.261 <dt>column 1.262 1.263 @@ -1850,9 +1851,9 @@ 1.264 1.265 <dd>the last line before page or spread break inside the element should not be hyphenated 1.266 1.267 -<dt>spread 1.268 - 1.269 -<dd>the last line before any spread break inside the element should not be hyphenated. 1.270 +<dt>spread 1.271 + 1.272 +<dd>the last line before any spread break inside the element should not be hyphenated. 1.273 1.274 </dl> 1.275 1.276 @@ -1878,7 +1879,7 @@ 1.277 <pre> 1.278 This is just a 1.279 simple example 1.280 - to show 1.281 + to show 1.282 Antarctica. 1.283 <pre> 1.284 </div> 1.285 @@ -1926,7 +1927,7 @@ 1.286 1.287 <p>An @counter-style rule consists of the keyword ''@counter-style'', 1.288 followed by the name of the symbol counter style, followed by a 1.289 -space-separated list of strings. 1.290 +space-separated list of strings. 1.291 1.292 <div class="example"> 1.293 1.294 @@ -1977,7 +1978,7 @@ 1.295 </div> 1.296 --> 1.297 <!-- 1.298 -<div class="issue">Should we allow images in addition to strings? 1.299 +<div class="issue">Should we allow images in addition to strings? 1.300 <pre> 1.301 @counter-style graphic url("1.gif") url("2.gif") url("3.gif") 1.302 </pre> 1.303 @@ -2147,7 +2148,7 @@ 1.304 1.305 <dd>The resolution of the image is unknown, and UAs should not use the 1.306 resolution found in the image. Instead, the image resolution will be 1.307 -found by converting the dimension of the image into CSS pixels. 1.308 +found by converting the dimension of the image into CSS pixels. 1.309 1.310 <dt>from-image 1.311 1.312 @@ -2168,7 +2169,7 @@ 1.313 1.314 1.315 <div class="example"> 1.316 -<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 1.317 +<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 1.318 <pre> 1.319 img { image-resolution: 300dpi } 1.320 </pre> 1.321 @@ -2226,7 +2227,7 @@ 1.322 1.323 <dt>auto 1.324 1.325 -<dd>The UA must look for the resolution in the image itself. If the image has no image resolution, the next value in the comma-separated list is evaluated. 1.326 +<dd>The UA must look for the resolution in the image itself. If the image has no image resolution, the next value in the comma-separated list is evaluated. 1.327 1.328 <dt><dpi> 1.329 1.330 @@ -2252,7 +2253,7 @@ 1.331 </div> 1.332 1.333 <div class="example"> 1.334 -<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 1.335 +<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 1.336 <pre> 1.337 img { image-resolution: 300dpi } 1.338 </pre> 1.339 @@ -2263,7 +2264,7 @@ 1.340 <!-- 1.341 1.342 <div class="issue"> 1.343 -<p>Should there be a way of setting width, height, resolution on images that are referenced by a URL in the style sheet? E.g., 1.344 +<p>Should there be a way of setting width, height, resolution on images that are referenced by a URL in the style sheet? E.g., 1.345 <pre> 1.346 background-image: url(image.png, width, height, resolution); 1.347 background-image: image-url(image.png, width, height, resolution); 1.348 @@ -2301,7 +2302,7 @@ 1.349 1.350 <p class=issue>Introducing one new property in all places where an image can be loaded may not be a scalable solution. Therefore this property is at risk. 1.351 1.352 -<p>As 'image-resolution', except that it describes the resolution of the element's background image. 1.353 +<p>As 'image-resolution', except that it describes the resolution of the element's background image. 1.354 1.355 --> 1.356 1.357 @@ -2579,7 +2580,7 @@ 1.358 <td><dfn>bookmark-target</dfn> 1.359 <tr> 1.360 <td><em>Value:</em> 1.361 - <td>none | <uri> 1.362 + <td>none | <uri> 1.363 <tr> 1.364 <td><em>Initial:</em> 1.365 <td>none 1.366 @@ -2600,7 +2601,7 @@ 1.367 <td>For URI values, the absolute URI; for 'none', as specified. 1.368 </table> 1.369 1.370 -<p>This property specifies the target of the bookmark link. 1.371 +<p>This property specifies the target of the bookmark link. 1.372 1.373 <div class=example> 1.374 <pre> 1.375 @@ -2710,50 +2711,9 @@ 1.376 1.377 <h2 id=styling-blank-pages><span class=secno>9. </span>Styling blank pages</h2> 1.378 1.379 - <p>Blank pages that appear as a result of forced page breaks can be styled 1.380 - with the <code>:blank</code> pseudo-class. 1.381 - 1.382 - <div class=example> 1.383 - <p>In this example, forced page break may occur before <code>h1</code> 1.384 - elements. 1.385 - 1.386 - <pre> 1.387 -h1 { page-break-before: left } 1.388 - 1.389 -@page :blank { 1.390 - @top-center { content: "This page is intentionally left blank" } 1.391 -} 1.392 -</pre> 1.393 - </div> 1.394 - 1.395 - <p>The <code>:blank</code> pseudo-class has the same specificity as the 1.396 - <code>:first</code> pseudo-class. A page matched by <code>:blank</code> 1.397 - will still be matched by other page selectors. 1.398 - 1.399 - <div class=example> 1.400 - <p>If headers have been specified on all right pages, a blank right page 1.401 - will be matched by both <code>:blank</code> and <code>:right</code>. 1.402 - Therefore, margin boxes set on right pages will have to be removed unless 1.403 - they are wanted on blank pages. Here is an example where the top center 1.404 - header is removed from blank pages, while the page number remains: 1.405 - 1.406 - <pre> 1.407 -h1 { page-break-before: left } 1.408 - 1.409 -@page :blank { 1.410 - @top-center { content: none } 1.411 -} 1.412 - 1.413 -@page :right { 1.414 - @top-center { content: "Preliminary edition" } 1.415 - @bottom-center { content: counter(page) } 1.416 -} 1.417 -</pre> 1.418 - 1.419 - <p>Due to the higher specificity of <code>:blank</code> over 1.420 - <code>:right</code>, the top center header is removed even if 1.421 - <code>content: none</code> comes before <code>content: "Preliminary 1.422 - edition"</code>. 1.423 + <div class=note> 1.424 + <p> This section has been moved to <a href="#CSS3PAGE" 1.425 + rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>. 1.426 </div> 1.427 1.428 <h2 id=paged-presentations><span class=secno>10. </span>Paged presentations</h2> 1.429 @@ -2806,7 +2766,7 @@ 1.430 in RTL languages this means left; in vertical-rl this means right. 1.431 1.432 <pre> 1.433 - html { 1.434 + html { 1.435 overflow-style: paged-x; 1.436 height: 100%; 1.437 } 1.438 @@ -2820,7 +2780,7 @@ 1.439 presentations. 1.440 1.441 <pre> 1.442 - #content { 1.443 + #content { 1.444 overflow-style: paged-x-controls; 1.445 height: 400px; 1.446 } 1.447 @@ -2859,9 +2819,9 @@ 1.448 <link rel=next href=g1.html> 1.449 ... 1.450 @navigation { 1.451 - nav-up: go(index); 1.452 - nav-left: go(previous); 1.453 - nav-right: go(next); 1.454 + nav-up: go(index); 1.455 + nav-left: go(previous); 1.456 + nav-right: go(next); 1.457 } 1.458 </pre> 1.459 </div> 1.460 @@ -2878,7 +2838,7 @@ 1.461 <div class=example> 1.462 <pre> 1.463 @navigation { 1.464 - nav-left: back; 1.465 + nav-left: back; 1.466 } 1.467 </pre> 1.468 </div> 1.469 @@ -3056,7 +3016,7 @@ 1.470 1.471 <p class=issue>Do numberic values (in addition to length values) make 1.472 sense, like for orphans/widows <!-- 1.473 -The 'widows'/'orphans' properties may be consulted to determine if the box is near the top/bottom. 1.474 +The 'widows'/'orphans' properties may be consulted to determine if the box is near the top/bottom. 1.475 --> 1.476 1.477 <p>These new keywords only apply in paged media; in continous media 1.478 @@ -3114,7 +3074,7 @@ 1.479 <p>In this example, a commonly used newspaper layout is easily described: 1.480 1.481 <pre> 1.482 -body { columns: 3 } 1.483 +body { columns: 3 } 1.484 img.A { column-span: 2; width: 100% } /* image spans two columns */ 1.485 .one { column-span: 2 } /* lead paragraph spans two columns */ 1.486 </pre> 1.487 @@ -3128,7 +3088,7 @@ 1.488 1.489 <dt>next-page 1.490 1.491 -<dd>In paged media, float box to the next page. The first column of the multicol element on the next page is considered to be the natural column for boxes affected by this value. 1.492 +<dd>In paged media, float box to the next page. The first column of the multicol element on the next page is considered to be the natural column for boxes affected by this value. 1.493 1.494 <div class=example> 1.495 1.496 @@ -3140,7 +3100,7 @@ 1.497 1.498 <dt>next-column 1.499 1.500 -<dd>In paged media, float box to the next column. 1.501 +<dd>In paged media, float box to the next column. 1.502 1.503 <div class=example> 1.504 1.505 @@ -3154,7 +3114,7 @@ 1.506 !-- 1.507 <dt>unless-room 1.508 1.509 -<dd>Only float the box if it otherwise would have lead to a column or page break. 1.510 +<dd>Only float the box if it otherwise would have lead to a column or page break. 1.511 1.512 <div class=example> 1.513 1.514 @@ -3458,9 +3418,9 @@ 1.515 1.516 <div class=example> 1.517 <pre> 1.518 -img { 1.519 +img { 1.520 float: left; 1.521 - float-offset: 2em 3em; 1.522 + float-offset: 2em 3em; 1.523 } 1.524 </pre> 1.525 1.526 @@ -3478,7 +3438,7 @@ 1.527 naturally appear. 1.528 1.529 <div class=example> 1.530 - <pre>img { 1.531 + <pre>img { 1.532 float: right; 1.533 float-offset: 5px; 1.534 } 1.535 @@ -3488,8 +3448,8 @@ 1.536 <p>Percentage values are computed according to this formula: 1.537 1.538 <pre> 1.539 - (containing-block-width - float-width) * percentage 1.540 - (containing-block-height - float-height) * percentage 1.541 + (containing-block-width - float-width) * percentage 1.542 + (containing-block-height - float-height) * percentage 1.543 </pre> 1.544 1.545 <div class=example> Pull quotes are often centered in a column. In this 1.546 @@ -3507,11 +3467,11 @@ 1.547 part of the calculation: 1.548 1.549 <pre> 1.550 - ((containing-block-width + 2 * column-gap) - float-width) * percentage 1.551 + ((containing-block-width + 2 * column-gap) - float-width) * percentage 1.552 </pre> 1.553 1.554 <div class=example> 1.555 - <pre>img { 1.556 + <pre>img { 1.557 float: top right; 1.558 float-offset: -50% 3em; /* 50% centers the box */ 1.559 width: 120%; 1.560 @@ -3658,7 +3618,7 @@ 1.561 <div class=example> <img src="exclusion_wrap_side_both.png" width=213> <!-- 1.562 <pre> 1.563 .pullquote { 1.564 - float: center; 1.565 + float: center; 1.566 clear-side: none; 1.567 } 1.568 </pre> 1.569 @@ -3676,7 +3636,7 @@ 1.570 .pullquote { 1.571 float: positioned; 1.572 left: 5em; 1.573 - clear-side: none; 1.574 + clear-side: none; 1.575 } 1.576 </pre> 1.577 1.578 @@ -3706,7 +3666,7 @@ 1.579 columns: 15em; 1.580 background: url(nicecar.jpg); 1.581 background-exclude-level: 0.5; 1.582 -} 1.583 +} 1.584 article h1 { column-span: all } /* Bonneville Speedway */ 1.585 </pre> 1.586 </div> 1.587 @@ -3721,7 +3681,7 @@ 1.588 columns: 6em; 1.589 background: url(nicecar.jpg); 1.590 background-exclude-level: 0.5; 1.591 -} 1.592 +} 1.593 article h1 { column-span: all } /* Bonneville Speedway */ 1.594 </pre> 1.595 </div> 1.596 @@ -3882,7 +3842,7 @@ 1.597 column-span: 2; 1.598 float: top; 1.599 height: 3em; /* sets preferred height of region */ 1.600 -} 1.601 +} 1.602 1.603 <article> 1.604 <img ...> 1.605 @@ -3896,7 +3856,7 @@ 1.606 div.chapter::region(1) { 1.607 transform: rotate(6.5deg); 1.608 } 1.609 -div.chapter::region(2) { 1.610 +div.chapter::region(2) { 1.611 transform: rotate(-5.5deg) translate(0, 40px); 1.612 } 1.613 </pre> 1.614 @@ -3943,8 +3903,8 @@ 1.615 <div class=example> 1.616 <pre> 1.617 article { columns: 14em; } 1.618 - article::column(1) { 1.619 - position: absolute; 1.620 + article::column(1) { 1.621 + position: absolute; 1.622 font-size: 1.2em; 1.623 visibility: collapse; /* makes space available others to use */ 1.624 ... 1.625 @@ -4038,14 +3998,14 @@ 1.626 </pre> 1.627 </div> 1.628 <!-- 1.629 -nth page in the document, or the nth named page. 1.630 +nth page in the document, or the nth named page. 1.631 1.632 1.633 <div class=example> 1.634 <p>This example sets the background color of the second page in the document: 1.635 1.636 <pre> 1.637 -@page :nth(2) { 1.638 +@page :nth(2) { 1.639 background: green; 1.640 } 1.641 <pre> 1.642 @@ -4058,7 +4018,7 @@ 1.643 @page chapter { 1.644 background: yellow; 1.645 } 1.646 -@page chapter:nth(2) { 1.647 +@page chapter:nth(2) { 1.648 background: green; 1.649 } 1.650 div.chapter { 1.651 @@ -4071,7 +4031,7 @@ 1.652 1.653 <div class="example"> 1.654 <pre> 1.655 -@page chapter:nth(2n+1) { 1.656 +@page chapter:nth(2n+1) { 1.657 background: green; 1.658 } 1.659 </pre> 1.660 @@ -4151,10 +4111,10 @@ 1.661 1.662 ::footnote-call { 1.663 counter-increment: footnote; 1.664 - content: counter(footnote, super-decimal); 1.665 + content: counter(footnote, super-decimal); 1.666 } 1.667 ::footnote-marker { 1.668 - content: counter(footnote, super-decimal); 1.669 + content: counter(footnote, super-decimal); 1.670 } 1.671 1.672